Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
cloudsen avatar

Eliteforge Frontend Generator

  • 44 installs
  • Updated July 24, 2026
  • cloudsen/eliteforge-skills

Scaffolds EliteForge frontend projects with deterministic naming and template rules for app, UI component, and JS SDK/lib types via onebase-cli.

About

Generates EliteForge frontend projects (app, Vue3 component monorepo, JS SDK) using the same rules as cisdigital-generator-app, with strict fe-company-product-service naming and onebase-cli command assembly. A developer uses it to scaffold EliteForge frontend projects or preview the dry-run command.

  • Project name must be fe-<company>-<product>-<service>
  • pnpm-only; never infer missing required parameters

Eliteforge Frontend Generator by the numbers

  • 44 all-time installs (skills.sh)
  • Ranked #1,342 of 2,245 Frontend Development skills by installs in the Skillselion catalog
  • Data as of Jul 29, 2026 (Skillselion catalog sync)
npx skills add https://github.com/cloudsen/eliteforge-skills --skill eliteforge-frontend-generator

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs44
Last updatedJuly 24, 2026
Repositorycloudsen/eliteforge-skills

What it does

Scaffolds EliteForge frontend projects with deterministic naming and template rules for app, UI component, and JS SDK/lib types via onebase-cli.

Files

SKILL.mdMarkdownGitHub ↗

EliteForge 前端生成器

Overview

Generate frontend projects with deterministic rules from the online generator app. Use the bundled script to produce a dry-run payload/command preview or run project creation directly. Project name is mandatory: fe-<company_name>-<product_name>-<service_name>.

Package Manager Policy

  • Treat pnpm as the only package manager for generated frontend projects.
  • After project generation, always initialize dependencies with pnpm i inside the generated project directory.
  • Do not replace pnpm i with npm install, yarn, or pnpm install.

Project Naming Policy

  • Always pass project_name to scaffold CLI as fe-<company_slug>-<product_slug>-<service_slug>.
  • Never drop the fe- prefix.
  • Never append project-type suffixes such as -app, -ui, or -sdk.

Mandatory Input Policy

  • Treat project_type, company_name, product_name, and service_name as required and user-provided only.
  • Never infer required fields from repository name, current directory, previous conversation values, defaults, or examples.
  • If any required field is missing, stop and ask only for missing fields first.
  • Do not run dry-run or generation before all required fields are explicitly provided by the user.
  • If user input is ambiguous (for example "same as before" or "use default"), ask for explicit values.

Inputs

Collect the following fields.

Required (must come from the user message):

  • project_type: frontend_app, frontend_ui, or frontend_sdk
  • company_name: kebab-case
  • product_name: kebab-case
  • service_name: kebab-case

Optional:

  • cli_name: default onebase-cli
  • output_dir: default current working directory
  • auto_slugify: default false; use only when the user explicitly asks to convert non-kebab names

Workflow

1. Collect required fields only from explicit user input. 2. If required fields are missing, ask only for the missing fields and wait for user response. 3. Validate naming fields as kebab-case. 4. If naming is invalid and auto_slugify is not explicitly requested, ask the user to provide kebab-case values. 5. Run dry-run first to show payload and command. 6. Verify dry-run command uses -p fe-<company_slug>-<product_slug>-<service_slug>. 7. Execute the create command. 8. Change to generated project directory and run pnpm i. 9. Confirm generated folder exists and initialization completed.

Read references/frontend-generation-logic.md when the user asks why a template or project name is chosen.

Commands

Dry-run:

python3 scripts/create_frontend_project.py \
  --project-type frontend_app \
  --company-name cisdigital \
  --product-name your-product \
  --service-name your-service \
  --dry-run

Generate frontend_app:

python3 scripts/create_frontend_project.py \
  --project-type frontend_app \
  --company-name cisdigital \
  --product-name your-product \
  --service-name your-service

cd fe-cisdigital-your-product-your-service
pnpm i

Generate frontend_ui:

python3 scripts/create_frontend_project.py \
  --project-type frontend_ui \
  --company-name cisdigital \
  --product-name your-product \
  --service-name your-component

cd fe-cisdigital-your-product-your-component
pnpm i

Generate frontend_sdk:

python3 scripts/create_frontend_project.py \
  --project-type frontend_sdk \
  --company-name cisdigital \
  --product-name your-product \
  --service-name your-jsdk

cd fe-cisdigital-your-product-your-jsdk
pnpm i

Use custom CLI or output directory:

python3 scripts/create_frontend_project.py \
  --project-type frontend_app \
  --company-name cisdigital \
  --product-name your-product \
  --service-name your-service \
  --cli-name onebase-cli \
  --output-dir /path/to/workspace

cd /path/to/workspace/fe-cisdigital-your-product-your-service
pnpm i

Convert non-kebab input (only when user explicitly requests conversion):

python3 scripts/create_frontend_project.py \
  --project-type frontend_app \
  --company-name "CIS Digital" \
  --product-name "My Product" \
  --service-name "Portal UI" \
  --auto-slugify \
  --dry-run

Notes

  • frontend_project_type exists in the form data but does not affect template selection in current generator logic.
  • The script blocks generation if target project directory already exists.
  • Always initialize generated projects with pnpm i.
  • Generated project directory name is exactly fe-<company_slug>-<product_slug>-<service_slug>.
  • Keep output concise: return generated directory, create command, and pnpm i result.
  • Never guess or fill missing required fields on behalf of the user.

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.