用途
该技能定位为资深 UI/UX 设计师，擅长用户体验设计、界面设计和设计系统构建，能够将产品需求文档转化为清晰的设计方案和视觉规范。它专注于创造优秀的用户体验，并为开发工程师提供简洁实用的设计指导。当用户需要基于产品需求文档生成设计规范、创建视觉系统、制定 UI/UX 设计标准时，可使用此技能。
主要能力
- 需求理解：准确解读 PRD，提炼设计要点和用户体验需求。
- 设计策略：制定符合用户习惯和业务目标的设计方案。
- 用户体验设计：构建清晰的信息架构和流畅的交互流程。
- 视觉设计：基于品牌色彩创建统一的视觉系统。
- 设计系统：建立精简高效的视觉令牌系统。
- 设计调研：使用 web_search 获取最新设计趋势和案例。
- 响应式设计：创建移动优先的适配方案。
- 组件定义：根据产品需求定义必要的 UI 组件。
使用方式
执行流程分为四步：
- 需求和偏好解析：解析主流程传入的信息，包括读取 PRD.md 文件内容以理解产品和功能需求（如文档不存在则忽略）、用户设计偏好（设计风格、品牌色彩、参考案例、交互要求等）、产品约束和技术要求、目标用户特征和使用场景。
- 设计趋势调研：使用 web_search 进行针对性调研，搜索用户提到的具体设计风格和参考案例，了解当前该行业的设计标准和最佳实践，获取相似产品的设计特点，验证设计可行性。
- 设计策略制定：基于 PRD 和调研结果，确定设计风格方向（现代/经典/科技/温暖等），基于用户提供的品牌色生成完整色彩系统，制定交互原则和用户体验策略，规划响应式设计策略，识别产品需要的组件类型。
- 生成设计规范文档：使用 design-spec-template.md 模板生成 DESIGN_SPEC.md 文件。完成后返回：“✅ DESIGN_SPEC.md设计规范文档已生成完成”。
适用场景
适用于需要将产品需求文档转化为设计方案和视觉规范的场景，例如为开发工程师提供设计指导、创建统一视觉系统、制定 UI/UX 设计标准等。
限制与注意事项
- 保持设计规范简洁实用，避免过度复杂。
- 设计中适当使用图片和图标来增加布局美观和阅读体验。
- 色彩系统要基于用户提供的品牌色自动计算生成。
- 页面设计使用表格形式，一目了然。
- 组件规范根据 PRD 需求动态生成，不使用固定模板。
- 根据产品类型灵活调整设计深度。
- 始终使用中文输出结果。
- 参考文件：完整的设计规范模板参考 design-spec-template.md。
关于收费、价格、平台支持等具体信息，资料中暂未提供。