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
521 skills
Install
$ npx -y skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builder --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/greenfield-project-builder

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

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

Get the whole plugin

Other skills on webdev-agent-kit.