Greenfield project builder
Skill ytvee-dev/webdev-agent-kit/skills/greenfield-project-builder
A cross-platform frontend kit for Codex, Claude Code, Cursor, OpenCode, etc. It helps AI coding agents work predictably and safely with existing frontend projects.
npx -y skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builderAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 5 stars5 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Plan a new frontend project or first vertical slice from a product idea, with approval gates before scaffolding. Excludes existing-project micro-fixes, automatic scaffolds, package installation, UI libraries, and test setup.
SKILL.md
8.9 KB, as published. Nobody here has run it
Greenfield Project Builder
Purpose
Plan and execute the first safe steps of a new frontend project without turning a vague product idea into uncontrolled scaffolding.
This skill converts a product idea into a minimal frontend project plan, explicit stack assumptions, approval gates, first vertical slice, and onboarding handoff. It must not scaffold, install packages, or create application files unless the user explicitly approves the exact action.
When To Use
Use this skill only for Deep Workflow tasks.
Use this skill when the user asks to:
- start a new frontend project;
- plan a new frontend app from a product idea;
- create a project structure before scaffolding;
- define the first vertical slice of a new app;
- choose an intended frontend stack before project creation;
- prepare onboarding overlays for an empty or new project;
- turn a broad product concept into a small frontend implementation path.
When Not To Use
Do not use this skill for:
- existing-project bugfixes;
- one route or component in an existing project;
- purely visual redesign of an existing screen;
- refactoring existing code;
- UI component library setup;
- testing workflows;
- backend, database, ORM, migrations, infrastructure, or production systems;
- package installation by default;
- automatic scaffolding without approval.
Do not use this skill when frontend-architecture-planner is enough for an existing project.
Required Context
- Read
AGENTS.md. - Read
common/prompt-intent-routing-rules.md. - Confirm the task is
Deep Workflow. - Read
common/framework-adaptation-policy.mdandcommon/build-tool-boundary-rules.md. - Read the compact goal contract or
project/active-goals.mdwhen present. - Read the compact execution plan or
project/active-plan.mdwhen present. - Read existing project overlays only when this is a new app inside a larger existing workspace:
project/stack-profile.md;project/architecture-map.md;project/build-profile.mdwhen present;project/workspace-profile.mdwhen present;project/verification-profile.mdwhen present.
Tool Contract
- May inspect the repository root and selected workspace files to determine whether the target is empty, new, or inside an existing workspace.
- Activate
openai_platform_docsonly when the planned product uses OpenAI APIs, ChatGPT Apps SDK, or Codex integration behavior. - May write local-only
project/**overlays after approval or during approved onboarding. - May create a host-root
AGENTS.mdpointer only throughproject-onboarding-adapterrules. - May propose scaffold commands, but must not run them without explicit approval.
- Must not install packages without explicit approval.
- Must not create app source files, framework configs, package manifests, routes, components, styles, tests, or build scripts without explicit approval.
- Must not introduce UI component libraries or testing workflows.
- Must not access production systems, secrets, or production data.
Workflow
-
Confirm greenfield status.
- New standalone project.
- Empty repository.
- New app inside existing workspace.
- Existing project that actually needs architecture planning instead.
-
Define the product goal. Route to
goal-plannerfirst if the product goal is unclear. -
Define the first vertical slice. The first slice should include one user-visible path through the product, not a full architecture.
-
Define intended stack assumptions. Include only what is known or explicitly approved:
- framework;
- language;
- routing model;
- styling approach;
- package manager;
- build tool;
- deployment target if relevant;
- verification command expectations.
-
Define non-goals. Keep backend, database, auth, payments, analytics, UI libraries, tests, and infrastructure out of scope unless explicitly requested and approved.
-
Create a minimal architecture plan. Use
frontend-architecture-plannerwhen route/state/data/styling/build boundaries require deeper planning. -
Define approval gates. Require explicit approval for:
- scaffold commands;
- package installation;
- package manager choice or change;
- framework choice or change;
- UI component library;
- state/data/form/styling libraries;
- testing setup;
- build tooling;
- repository structure changes;
- destructive file operations.
-
Create onboarding handoff. Use
project-onboarding-adapterto create only the host-root pointer and local-onlyproject/**overlays until the user approves actual project scaffolding. -
Create execution plan. Use
execution-plan-managerfor slices after the greenfield plan is accepted. -
Stop before scaffold unless approved. If approval is missing, return a plan and exact approval request instead of creating files.
Output Contract
Final response: return only facts that affect the user's understanding, confidence, or next action. Omit empty fields and workflow narration.
Return or write a Greenfield Project Plan with:
Product Goal
Workflow Level
Greenfield Status
First Vertical Slice
Intended Stack Assumptions
Non-Goals
Minimal Architecture
Files Or Surfaces To Create After Approval
Approval Gates
Onboarding Overlay Plan
Implementation Slices
Verification Strategy
Risks
Open Questions
Next Approval Request Or Next Step
Omit irrelevant sections rather than filling them with generic text.
Validation Gates
Before finishing, verify:
- the task is genuinely greenfield or empty-project work;
- the first vertical slice is smaller than the whole product;
- no scaffold was run without explicit approval;
- no package was installed without explicit approval;
- no UI component library was introduced;
- no testing workflow was introduced;
- no application source/config/package/build files were created without explicit approval;
- host-project facts stay in
project/**; - next approval request is precise if action is blocked.
Trigger Evals
Should trigger:
- "Start a new frontend project for this product idea."
- "Plan the first version of a new Next app, but do not scaffold yet."
- "Create a greenfield frontend plan and tell me what you need approval for."
- "This repo is empty; prepare the frontend project structure safely."
- "Define the first vertical slice before creating the app."
Should not trigger:
- "Fix this TypeScript error."
- "Add a card to this existing dashboard."
- "Make this existing page look better."
- "Plan the architecture of this existing module."
- "Install shadcn."
- "Create tests."
Reference Map
AGENTS.md- canonical policy, routing, tool rules, and documentation rules.common/prompt-intent-routing-rules.md- workflow weight selection and escalation rules.common/framework-adaptation-policy.md- intended stack adaptation rules.common/build-tool-boundary-rules.md- build and workspace approval gates.common/frontend-integration-boundaries.md- frontend integration scope limits.skills/goal-planner/SKILL.md- product goal contract.skills/execution-plan-manager/SKILL.md- task slicing and stop/resume planning.skills/frontend-architecture-planner/SKILL.md- architecture boundary planning.skills/project-onboarding-adapter/SKILL.md- safe host-root pointer and local-only overlay creation.project/stack-profile.md- local-only intended or detected stack facts.project/architecture-map.md- local-only intended or detected architecture facts.project/verification-profile.md- local-only verification command facts.