Menú
设计系统规范、视觉语言定义。触发场景：(1) 需要设计系统规范 (2) 需要色彩/字体/间距体系 (3) 需要组件设计规范 (4) 需要交互设计方案
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
| 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;
}
把模糊想法转化为清晰的技术需求文档。触发场景：(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) 需要测试方案