Skip to content
Development
Skill

/greenfield-project-builder

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.

From plugin
webdev-agent-kit
723 skills9 agents

Claude Code

$ npx -y skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builder --agent claude-code

SKILL.md

greenfield-project-builder.SKILL.md
name: greenfield-project-builder
description: '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.'
id: 'agents.skills.greenfield-project-builder.skill'
title: 'Greenfield Project Builder'
doc_type: 'skill'
layer: 'skill'
status: 'active'
publishable: true
local_only: false
skill: 'greenfield-project-builder'
tags:
    - 'agents/skill-package'
    - 'agents/greenfield'
    - 'workflow/frontend-greenfield'
parent:
    - '[[AGENTS|Canonical Agent Policy]]'
related:
    - '[[common/prompt-intent-routing-rules|Prompt Intent Routing Rules]]'
    - '[[common/framework-adaptation-policy|Framework Adaptation Policy]]'
    - '[[common/build-tool-boundary-rules|Build Tool Boundary Rules]]'
    - '[[common/frontend-integration-boundaries|Frontend Integration Boundaries]]'
    - '[[skills/goal-planner/SKILL|Goal Planner]]'
    - '[[skills/execution-plan-manager/SKILL|Execution Plan Manager]]'
    - '[[skills/frontend-architecture-planner/SKILL|Frontend Architecture Planner]]'
    - '[[skills/mcp-toolchain-manager/SKILL|MCP Toolchain Manager]]'
    - '[[skills/project-onboarding-adapter/SKILL|Project Onboarding Adapter]]'
    - '[[skills/project-context-adapter/SKILL|Project Context Adapter]]'
    - '[[skills/agent-rules-skill-author/SKILL|Agent Rules And Skill Author]]'
depends_on:
    - '[[AGENTS|Canonical Agent Policy]]'

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

1. Read `AGENTS.md`. 2. Read `common/prompt-intent-routing-rules.md`. 3. Confirm the task is `Deep Workflow`. 4. Read `common/framework-adaptation-policy.md` and `common/build-tool-boundary-rules.md`. 5. Read the compact goal contract or `project/active-goals.md` when present. 6. Read the compact execution plan or `project/active-plan.md` when present. 7. 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.md` when present;
  • `project/workspace-profile.md` when present;
  • `project/verification-profile.md` when 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_docs` only 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.md` pointer only through `project-onboarding-adapter` rules.
  • 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

1. Confirm greenfield status.

  • New standalone project.
  • Empty repository.
  • New app inside existing workspace.
  • Existing project that actually needs architecture planning instead.

2. Define the product goal. Route to `goal-planner` first if the product goal is unclear.

3. Define the first vertical slice. The first slice should include one user-visible path through the product, not a full architecture.

4. 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.

5. Define non-goals. Keep backend, database, auth, payments, analytics, UI libraries, tests, and infrastructure out of scope unless explicitly requested and approved.

6. Create a minimal architecture plan. Use `frontend-architecture-planner` when route/state/data/styling/build boundaries require deeper planning.

7. 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.

8. Create onboarding handoff. Use `proje

Read more
@ytvee-dev
Ships withwebdev-agent-kit

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.

723 skills9 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
7
Star history of ytvee-dev/webdev-agent-kit on GitHub, a chart by star-history.com

Other skills on webdev-agent-kit.

agent-self-improvement

agent-self-improvement

Project memory: remember this mistake, save for learning, запиши себе в базу, сохрани для обучения, запомни эту ошибку. Requested…

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills12d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc2w293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react3d252k
@facebook@facebookInstall Skill

Questions about greenfield-project-builder.

Which coding agents can use greenfield-project-builder?
greenfield-project-builder installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.