메뉴
UI 原型产出技能，按项目设计方向生成静态 HTML 原型，作为 Builder 的设计契约
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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 的设计契约 |
原型必须按项目已定的设计方向来画，不凭空发挥。按优先级取方向（见 .agents/rules/design.md 优先级链）：
preview/design-direction.md（由 /taste 探索产出）——最高权威，直接读它的色板、字体、圆角、阴影.agents/rules/design.md 的白底简约默认还没有设计方向？ 先让用户走
/taste定向（详见.agents/commands/taste.md），再回来生成原型——避免做完才发现"不对味"返工。不强制，用户也可直接用 design.md 默认先跑。
根据用户描述的页面需求 + 上一步确定的设计方向，生成静态 HTML 原型：
技术要求：
<meta name="viewport" content="width=device-width, initial-scale=1">输出：
preview/[页面名].htmlpreview/ 中的文件/taste 探索、preview/design-direction.md 固化；本技能只负责把方向渲染成 HTML，不自己定方向.agents/rules/design.md 白底简约默认产出，并提示用户可用 /taste 定向