agent-rules-skill-auth…
Maintain WebDev Agent Kit source rules, skills, metadata, and validators. Excludes upgrading installed copies.
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.
$ npx -y skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builder --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/greenfield-project-builderContext 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.
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]]'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.
Use this skill only for `Deep Workflow` tasks.
Use this skill when the user asks to:
Do not use this skill for:
Do not use this skill when `frontend-architecture-planner` is enough for an existing project.
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:
1. Confirm greenfield status.
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:
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:
8. Create onboarding handoff. Use `proje
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.
Repo: ytvee-dev/webdev-agent-kit
Maintain WebDev Agent Kit source rules, skills, metadata, and validators. Excludes upgrading installed copies.
Inspect Figma links through MCP or browser computer use, or analyze screenshots and selected-layer properties. Produce frontend specs and clarify unresolved…
Create, resume, analyze, or converge standard and deep frontend execution plans with traceable slices, evidence, and stop/resume state. Skip lightweight…
Plan architecture and ownership for standard or deep React/Next.js work across routing, state, data, styling, forms, builds, migrations, and implementation…
Diagnose and fix frontend defects from evidence, including unclear UI/runtime errors, broken routes, styling regressions, and hydration or client issues.…
Set subject-grounded visual direction for standard or deep UI work, redesign, polish, critique, anti-template review, or design handoff. Skip technical…