Menu
UI 原型产出技能，按项目设计方向生成静态 HTML 原型，作为 Builder 的设计契约
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Execute the check workflow from this AI development team preset. Use when the user writes /check, asks for check, or wants the corresponding team process in Codex.
Execute the dev workflow from this AI development team preset. Use when the user writes /dev, asks for dev, or wants the corresponding team process in Codex.
Execute the fix workflow from this AI development team preset. Use when the user writes /fix, asks for fix, or wants the corresponding team process in Codex.
Execute the plan workflow from this AI development team preset. Use when the user writes /plan, asks for plan, or wants the corresponding team process in Codex.
Execute the project-preset workflow from this AI development team preset. Use when the user writes /project-preset, asks for project-preset, or wants the corresponding team process in Codex.
Execute the review-all workflow from this AI development team preset. Use when the user writes /review-all, asks for review-all, or wants the corresponding team process in Codex.
| name | ui-prototype |
| description | UI 原型产出技能，按项目设计方向生成静态 HTML 原型，作为 Builder 的设计契约 |
原型必须按项目已定的设计方向来画，不凭空发挥。按优先级取方向（见 rules/design.md 优先级链）：
preview/design-direction.md（由 /taste 探索产出）——最高权威，直接读它的色板、字体、圆角、阴影rules/design.md 的白底简约默认还没有设计方向？ 先让用户走
/taste定向（详见commands/taste.md），再回来生成原型——避免做完才发现"不对味"返工。不强制，用户也可直接用 design.md 默认先跑。
根据用户描述的页面需求 + 上一步确定的设计方向，生成静态 HTML 原型：
技术要求：
<meta name="viewport" content="width=device-width, initial-scale=1">输出：
preview/[页面名].htmlpreview/ 中的文件/taste 探索、preview/design-direction.md 固化；本技能只负责把方向渲染成 HTML，不自己定方向rules/design.md 白底简约默认产出，并提示用户可用 /taste 定向