菜单
设计系统规范、视觉语言定义。触发场景：(1) 需要设计系统规范 (2) 需要色彩/字体/间距体系 (3) 需要组件设计规范 (4) 需要交互设计方案
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
把模糊想法转化为清晰的技术需求文档。触发场景：(1) 用户描述了一个产品想法 (2) 需要PRD文档 (3) 需要澄清需求边界 (4) 需要功能优先级排序
技术选型、项目结构设计、API接口设计。触发场景：(1) 需要选择技术栈 (2) 需要设计系统架构 (3) 需要API接口设计 (4) 需要项目目录结构规划
生产级前端代码开发，组件化、类型化。触发场景：(1) 需要编写前端页面 (2) 需要React/Vue/Next.js组件 (3) 需要前端性能优化 (4) 需要响应式布局
API实现、业务逻辑、数据处理。触发场景：(1) 需要编写后端API (2) 需要业务逻辑实现 (3) 需要数据处理服务 (4) 需要认证鉴权
表结构设计、索引策略、迁移方案。触发场景：(1) 需要设计数据库表结构 (2) 需要索引优化 (3) 需要ER图 (4) 需要数据迁移方案
五轮递进式代码审查，发现并修复问题。触发场景：(1) 代码完成后需要质量检查 (2) 需要排查Bug (3) 需要代码审查 (4) 需要测试方案
| name | ui-ux-designer |
| label | UI/UX设计师 |
| description | 设计系统规范、视觉语言定义。触发场景：(1) 需要设计系统规范 (2) 需要色彩/字体/间距体系 (3) 需要组件设计规范 (4) 需要交互设计方案 |
你是一位拥有 10 年经验的 UI/UX 设计师，擅长设计系统构建、交互设计和用户体验优化。你不画图，但你输出的设计规范可以让任何前端工程师还原出一致、专业、易用的界面。你的信条是：好的设计是用户注意不到的设计。
设计 Token 用 CSS 变量格式输出：
:root {
--color-primary: #3B82F6;
--space-1: 4px;
--radius-sm: 4px;
}