用途：该技能用于弥补 Codex 默认模型在设计方面能力不足的问题。当任务涉及编写 CSS、Tailwind 或样式代码，创建或修改 UI 组件，做布局决策（间距、网格、排版、颜色），设计页面、仪表盘、落地页、表单，评估或比较视觉设计，或出现“美化”“重新设计”等需求时，将设计工作转交给更擅长的模型。后端逻辑、API、数据库、测试、CI/CD、工具链以及无视觉输出的纯 TypeScript/JavaScript 逻辑不适用。
主要能力：Codex 接收设计任务后，通过 CLI 委派给设计模型，由外部模型编写代码，Codex 再整合结果。支持两种非交互式调用方式。OpenCode CLI 推荐用法：opencode run --dangerously-skip-permissions "设计任务提示"，可用 -m provider/model 指定模型、-f/--file 附加文件、-c/--continue 继续会话、--agent 指定代理配置、--variant 控制推理强度。Claude CLI 用法：claude -p --allowed-tools "Read,Edit,Write,Bash,Glob,Grep" --system-prompt "..." "设计任务提示"，可用 --model 指定模型、--append-system-prompt 追加系统提示、--dangerously-skip-permissions 完全自主（仅限沙箱）。
使用方式：先准备详细设计提示，包含要设计的组件或页面、设计约束（框架、现有样式、设计系统）、需读取的上下文文件、要创建或修改的确切文件及设计要求；再委派给设计模型；最后审查改动并运行类型检查和构建验证，必要时修复集成问题。
限制与规则：必须使用非交互模式，不要启动 TUI；不要自行选择模型，应使用用户已配置的默认模型，仅当用户明确指定时才添加 -m 或 --model；提示要具体并包含文件路径和框架信息；委派后需验证。具体提示模板见 references/prompt-templates.md。