用途：创建有辨识度、非通用模板化的 UI 设计，包含审美方向与线框图；也可在实现之后整理、组件化、去重与打磨既有 UI 代码。适用于被要求“设计……”时使用。
主要能力：内置多阶段设计流程，区分设计模式（视觉方向、布局探索、线框图、设计文档）、打磨模式（清理、组件化、去重、组织现有 UI 代码）与组件快速通道（单个组件或小片段）。要求先加载大量参考文件（前端设计、品牌识别、设计哲学、UX 法则、排版、ASCII 线框、WireText、Tailwind v4）以及界面规则（按钮、表面、分区、颜色、间距、排版、布局、响应式、动效、表单、交互、营销页、应用 UI）。设计与用户协作完成，不委派给设计智能体；评审由 review 侧的 designer 在实现后执行。
使用方式：以 /arc:design 技能启动，先做模式检测并声明模式；设计模式需先读取规定参考文件与界面规则，检查 docs/brand-system.md 与 docs/design-context.md，缺失时可询问是否建立设计上下文；做视觉勘察（重设计时优先用 Chrome MCP 截图，不可用则 agent-browser，否则请求截图或直接看代码）；随后确认设计模式（营销页或应用 UI）、逐项收集方向（语调、信息密度、记忆点、约束、灵感、页面外框）、可选调研灵感来源；最终产出变更规格，交给 ui-builder 或 figma-builder 实现，再由 designer 评审是否落入 AI 套路。
关键约束：Tailwind 优先，设计决策必须能表达为 Tailwind v4 @theme 令牌加工具类，间距、尺寸、圆角、排版与交互状态须能干净映射到 Tailwind 工具类；不得以框架无关的样式方案作为主要产出，不得默认使用自定义 CSS、CSS Modules、styled-components 或 emotion；仅在不�得已的全局基元或 Tailwind 无法直接表达时才用裸 CSS。明确禁止调用 EnterPlanMode 与 ExitPlanMode。运行需要完整 Arc bundle，而非仅提示词安装。
限制与未提供：技能本身以文档与流程为主，未提供具体价格、收费模式、支持的模型或平台范围等信息；界面规则细节与各参考文件内容未在此资料中展开。