菜单
Build a detailed implementation plan. Use when asked to create a spec, plan, or implementation document. Gathers context from Jira/Figma links via MCP tools and adds numbered questions.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Orchestrates the full code-to-Figma rebuild workflow for a web application. Thin dispatcher that delegates all substantial work to subagents and reads only small summary files. Runs eight tracked phases (phase0a, phase0b, phase1, phase2, phase2_5, phase3, phase4, phase5). Never calls use_figma or get_screenshot directly.
Subagent for figma-from-code Phase 0a. Discovers the complete component architecture of a web application via browser crawling and static code scanning. Produces a topologically-sorted build order and inspects the target Figma file for existing pages and components.
Standalone validator for a completed figma-from-code rebuild. Navigates the live app, screenshots each component in its natural context, and compares against the matching Figma variant. Also used by the Phase 5 orchestrator agent as a reference for the Component App Map and comparison scripts.
Subagent for figma-from-code Phase 0b. Discovers all Lucide icons and SVG file assets imported across the codebase via static analysis. Extracts SVG markup and maps which components use which icons. No dev server or Figma access needed.
Subagent for figma-from-code Phase 1. Creates Figma variable collections from the project's CSS and Tailwind tokens, extracts the CSS-variable-to-Figma-variable-ID map, and pre-computes all CSS colors as sRGB values.
Subagent for figma-from-code Phase 2. Creates the Figma file page skeleton, foundations documentation frames, and container frames needed by later phases. Requires variable collections to already exist.
| name | spec |
| description | Build a detailed implementation plan. Use when asked to create a spec, plan, or implementation document. Gathers context from Jira/Figma links via MCP tools and adds numbered questions. |
Please help me build a detailed implementation plan in the selected markdown file.
Please gather context from any links provided. Use MCP tools as needed to gather context, for example if you find a Jira (atlassian) or Figma link, fetch these immediately.
Add any questions you have for me in a ## Questions section at the end of the document. Number the questions so they are easy to reference. I will fill out answers inline.
Please modify existing content as needed for clarity.
Do not include timing in the plan. Only include what incremental steps we should take and how we can know each step is working.
