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.
Claude Code
$ npx -y skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builder --agent claude-code
Codex
$ npx skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builder -a codex -y
Cursor
$ npx skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builder -a cursor -y
Gemini CLI
$ npx skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builder -a gemini-cli -y
GitHub Copilot
$ npx skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builder -a github-copilot -y
OpenCode
$ npx skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builder -a opencode -y
Windsurf
$ npx skills add ytvee-dev/webdev-agent-kit --skill greenfield-project-builder -a windsurf -y
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.
Maintain WebDev Agent Kit source rules, skills, metadata, and validators. Excludes upgrading installed copies.
Project memory: remember this mistake, save for learning, запиши себе в базу, сохрани для обучения, запомни эту ошибку. Requested…
Inspect Figma links through MCP or browser computer use, or analyze screenshots and selected-layer properties. Produce frontend…
Create, resume, analyze, or converge standard and deep frontend execution plans with traceable slices, evidence, and stop/resume…
Plan architecture and ownership for standard or deep React/Next.js work across routing, state, data, styling, forms, builds,…
Diagnose and fix frontend defects from evidence, including unclear UI/runtime errors, broken routes, styling regressions, and…
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
Ask which skill or flow fits your situation. A router over the skills in this repo.