用途:oma-design 是设计专项技能,负责定义、创建和验证项目设计系统,核心产物是 DESIGN.md。适用于需要先确定设计决策再进入前端实现,或从设计角度审查 UI 质量的场景。
主要能力:定义或修订设计系统;创建与审计 DESIGN.md;选择排版、色彩、布局、动效与组件方向;审查响应式行为、无障碍与视觉质量;对既有站点或应用做重设计(区分保留与重构模式);可选使用 Stitch MCP 或 getdesign 获取厂商灵感。
使用方式:先读取现有设计上下文,必要时创建 .design-context.md;确定受众、平台、内容语言与目标产物;生成或修订 DESIGN.md 后运行设计检查清单。可选厂商种子发现命令:bunx getdesign@latest list。组件建议可附 shadcn CLI 安装命令。
适用场景:设计系统定义与修订、DESIGN.md 创建与审计、排版/色彩/布局/动效/组件方向选择、UI 响应式与无障碍审查、站点或应用重设计。
限制:不直接实现前端代码,前端组件实现应使用 oma-frontend;产品范围与任务拆解用 oma-pm;后端、数据库、基础设施或移动端实现用相应专项技能;视觉、交互与无障碍之外的一般质量/安全审查用 oma-qa。默认使用系统字体栈,CJK 场景优先 CJK 字体;所有输出响应式优先,最低满足 WCAG AA,并尊重 prefers-reduced-motion。Stitch MCP 为可选,缺失时仍可本地合成设计。重设计不得静默更改 URL、导航标签、表单字段名或品牌标识。具体收费、价格与平台信息暂未提供。