菜单
PM 给了可运行的参考项目 A，只在 B 项目里实现前端。基于 dev-flow-full 裁剪： 阶段 1 跳过后端探索 subagent，阶段 3 跳过后端横切，阶段 6 只派 frontend-agent + test-agent。保留 A 项目只读原则与 4 个硬卡点。 Use when a reference/prototype project is provided and only frontend is needed in target project. Voice triggers: "原型 前端", "参考项目 前端".
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use whenever an AI agent executes a multi-step task to save tokens, parallelize tool calls, cache prompts, and keep replies under 2000 chars
Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes
Bug 修复全流程。强制 /investigate 找根因，禁止"看似修好就交付"。/freeze 锁定文件 防止顺手"清理"无关代码；先写复现失败测试再写修复。 Use when reporting bugs, errors, 500s, stack traces, or "it stopped working" type issues. Voice triggers: "修 bug", "/bugfix-flow", "bugfix".
开发组合拳总入口。根据输入形式（需求文档 / 原型项目 / 一句话）× 开发范围（前端 / 后端 / 全栈） × 修饰符（带设计稿 / 数据库迁移 / 只联调 等）自动路由到正确的子 skill。同时覆盖 4 类非需求任务： bugfix / 重构 / 性能优化 / 第三方接入。 Use when asked to "接需求", "开始开发", "/dev-flow", "组合拳", "dev flow", or whenever the user hands over a development task and you need to decide which workflow skill to invoke. Voice triggers: "接需求", "开始开发", "组合拳". Note: 阶段切片型 skills（/dev-understand、/dev-implement、/dev-ship-retro）按阶段拆分， 与本路由按场景类型拆分的子 skill 互补；当用户明确说"只做某阶段"时优先匹配那些 skill。
Use when partner provides a complete implementation plan to execute in controlled batches with review checkpoints - loads plan, reviews critically, executes tasks in batches, reports for review between batches
性能优化全流程。先 benchmark 立基线 → profile 找瓶颈 → 单一变量优化 → 再 benchmark 对比。禁止"凭感觉优化"，每个改动必须带数据证明。 Use when optimizing for performance, page speed, web vitals, or backend latency. Voice triggers: "性能优化", "/perf-flow", "提速".
| name | dev-flow-proto-fe |
| description | PM 给了可运行的参考项目 A，只在 B 项目里实现前端。基于 dev-flow-full 裁剪： 阶段 1 跳过后端探索 subagent，阶段 3 跳过后端横切，阶段 6 只派 frontend-agent + test-agent。保留 A 项目只读原则与 4 个硬卡点。 Use when a reference/prototype project is provided and only frontend is needed in target project. Voice triggers: "原型 前端", "参考项目 前端". |
确认 _playbook.md Part B.3 启动参数；额外需要 prototype_path 与 prototype_url。通常由父 skill /dev-flow 通过 dispatch-context.json 传入。
本 skill 是
/dev-flow-full的"前端裁剪版"。可直接调用/dev-flow-full并传入scope=fe让其内部裁剪，也可按以下步骤手动执行。
同 /dev-flow-full 阶段 0：建知识库目录、写 META.md、加载 _lessons.md。
move_agent_to_root 切到 A 项目/freeze 锁定 A 根目录SwitchMode → plancursor-ide-browser MCP 走查目标 URL：
browser_snapshot 抓页面结构browser_take_screenshot 全页截图browser_network_requests 抓 API（用于反推后端契约，作为输入约束）browser_console_messages 检查报错BUSINESS_FLOW.md（业务流程，禁含具体代码）API_CONTRACT.md（输入契约，约束 B 项目实现的对接方式）ENV_NOTES.md（A 运行环境特征）按 _playbook.md Part B.2 卡点 1，循环到无疑问。
move_agent_to_root 切到 B 项目SwitchMode → agentPROJECT_CONVENTIONS.md + REUSE_AUDIT.mdgit checkout -b feature/[feature]IMPLEMENTATION_PLAN.md：A 概念到 B 实现的翻译映射 + 新建/修改文件清单/plan-eng-review → 卡点 2frontend-agent：剩余页面test-agent：交互/路由/表单测试/qa、/review、/design-review 必做/cso 可选（无后端改动通常不需要）demo-package.md 必含与原型 A 的行为对比表与已知差异说明。
/ship → /land-and-deploy → /canary → append _lessons.md。
/dev-flow-full（S6）IMPLEMENTATION_PLAN.md 显式列出映射表/dev-flow-full 阶段 1 产物（BUSINESS_FLOW.md、API_CONTRACT.md、ENV_NOTES.md）+ 前端侧阶段 3/4 产物（PROJECT_CONVENTIONS.md、REUSE_AUDIT.md、IMPLEMENTATION_PLAN.md）+ self-check-report.md、demo-package.md、PR。
DESIGN_TOKENS.md；阶段 7 必做 /design-review详细 delta 见 _playbook.md Part D。
/dev-flow 路由到（也可被用户直接触发）/dev-flow-full 的裁剪版；可直接委托父 skill 并传 scope=fecursor-ide-browser MCP 走查原型/qa、/review、/design-review/ship、/land-and-deploy、/canary