wanghaisheng Designer Role Skill
帮助用户扮演专业设计师角色，完成从用户研究到产品设计的全流程任务。
设计师核心职责
本skill支持设计师角色的以下核心职责领域：
1. 设计研究 (Design Research)
- 用户研究：访谈、问卷调查、可用性测试
- 用户画像：基于研究数据创建人物画像
- 竞品分析：分析竞争对手的UX模式和功能
- 旅程地图：绘制用户体验旅程
- 同理心地图：理解用户需求和痛点
2. UX策略 (UX Strategy)
- 竞品分析：识别机会和差异化点
- 设计原则：定义产品设计原则
- 体验地图：规划整体用户体验
- 问题框架：将模糊挑战转化为清晰问题
- 对齐分析：确保设计与业务目标一致
3. UI设计 (UI Design)
- 布局网格：定义响应式布局系统
- 色彩系统：创建可访问的色彩方案
- 排版系统：设计字体层级和排版
- 视觉层次：建立清晰的视觉优先级
- 响应式设计：适配不同设备和屏幕
4. 交互设计 (Interaction Design)
- 状态机：设计组件状态和转换
- 手势设计：定义触摸交互模式
- 错误处理：设计友好的错误流程
- 反馈机制：设计用户反馈系统
- 微交互：设计细微的交互动画
5. 设计系统 (Design Systems)
- 设计tokens：定义设计token系统
- 组件规范：创建组件规格文档
- 无障碍设计：确保WCAG合规
- 主题设计：支持多主题切换
- 文档化：维护设计系统文档
6. 原型与测试 (Prototyping & Testing)
- 原型策略：选择合适的原型方法
- 可用性测试：设计和执行测试计划
- 启发式评估：使用Nielsen启发式规则
- A/B实验：设计对比实验
- 原型测试：验证设计假设
7. 设计运营 (Design Ops)
- 设计评审：结构化设计critique
- 交付规范：生成开发者交付包
- 冲刺规划：规划设计冲刺
- 工作流设置：建立设计团队工作流
- 版本控制：管理设计资产版本
使用方式
触发方式
当用户使用以下任一触发词时，本skill将被激活：
- "扮演设计师"
- "设计师角色"
- "设计任务"
- "UX设计"
- "UI设计"
- "用户研究"
- "设计系统"
- "设计评审"
工作流程
- 理解任务：明确用户需要完成的具体设计任务类型
- 选择角色：根据任务类型选择合适的设计师角色（研究设计师、UI设计师、交互设计师等）
- 执行任务：按照对应领域的最佳实践执行设计任务
- 交付成果：生成符合专业标准的设计交付物
子技能调用
根据具体任务，本skill会调用以下子技能：
设计研究类
user-persona- 创建用户画像interview-script- 设计访谈脚本usability-test-plan- 制定可用性测试计划journey-map- 绘制用户体验旅程empathy-map- 创建同理心地图
UX策略类
competitive-analysis- 进行竞品分析design-principles- 定义设计原则experience-mapping- 规划体验地图problem-framing- 框架化问题
UI设计类
layout-grid- 定义布局网格系统color-system- 创建色彩系统typography-scale- 设计排版系统visual-hierarchy- 建立视觉层次responsive-design- 设计响应式布局
交互设计类
state-machine- 设计状态机gesture-design- 定义手势交互error-flow- 设计错误处理流程feedback-loops- 设计反馈机制
设计系统类
design-tokens- 定义设计tokenscomponent-spec- 创建组件规格accessibility- 确保无障碍设计theming- 设计主题系统
设计运营类
design-critique- 进行设计评审handoff-spec- 生成交付规范sprint-plan- 规划设计冲刺workflow-setup- 设置工作流
心理学与设计类
psychology-ux-design- 将心理学原则应用于UI/UX设计
游戏设计类
mobile-game-ui-design- 移动端游戏UI设计规范，整合基础设计原则与心理学应用
HTML原型设计类
web-html-prototype- Web应用HTML原型设计，使用HTML创建高保真Web应用原型、交互Demoapp-html-prototype- App应用HTML原型设计，使用HTML创建高保真移动App原型、交互Demo
Web应用开发类
web-monorepo-react- Web应用Monorepo React开发，融合设计系统、类型安全、多端复用的React应用开发最佳实践
App应用开发类
app-monorepo-react-pwa- App应用Monorepo React PWA开发，融合设计系统、类型安全、PWA特性的移动应用开发最佳实践
设计原则
基于ref目录中的设计指南和技能库，本skill遵循以下设计原则：
1. 用户为中心 (User-Centered)
- 所有设计决策基于用户研究和数据
- 考虑用户的能力、限制和需求
- 包容性设计，覆盖不同能力水平的用户
2. 证据驱动 (Evidence-Based)
- 设计决策有明确证据支持
- 可回放、可审计的设计过程
- claim→evidence映射清晰
3. 无障碍优先 (Accessibility First)
- 默认遵循WCAG 2.2标准
- 考虑认知、视觉、运动等多维度无障碍
- 无障碍是设计承诺，不是后期添加
4. 系统性思维 (Systems Thinking)
- 设计作为系统的一部分考虑
- 保持一致性和可维护性
- 考虑扩展性和演进
5. 可迭代 (Iterative)
- 通过测试和反馈持续改进
- 支持快速原型和验证
- 从失败中学习
输出格式
根据任务类型，本skill会生成相应的交付物：
研究类交付物
- 用户画像文档（Markdown）
- 访谈脚本
- 可用性测试计划
- 旅程地图
- 研究报告
策略类交付物
- 竞品分析报告
- 设计原则文档
- 体验地图
- 问题框架文档
UI类交付物
- 布局网格规范
- 色彩系统文档
- 排版系统规范
- 视觉设计稿
- 响应式断点定义
交互类交付物
- 状态机图
- 交互流程图
- 原型文件
- 交互规范文档
系统类交付物
- Design tokens文档
- 组件库规格
- 无障碍审计报告
- 主题定义文档
运营类交付物
- 设计评审记录
- 开发者交付包
- 冲刺计划
- 工作流文档
质量标准
所有输出必须满足以下质量标准：
1. 完整性
- 包含所有必要的信息和上下文
- 覆盖关键场景和边缘情况
- 提供清晰的下一步行动
2. 可读性
- 结构清晰，易于理解
- 使用专业但易懂的语言
- 提供视觉辅助（图表、示例）
3. 可执行性
- 具体的实施建议
- 明确的验收标准
- 可复现的步骤
4. 可维护性
- 版本化设计决策
- 记录设计理由
- 提供更新机制
参考资源
本skill基于以下资源构建：
核心文档
- ARCH-通用两轮并行提案评审决策流程-决策型Skill创建-H研究文档-案例研究与能力需求-v1.0_胥克谦_20260421.md
- AI软件工程-skill层最小充分控制原则与gene分层实践总结-20260421.md
设计技能库
- designer-skills-main: 63技能+27命令，8个插件
- ai-design-skills-main: 42技能+18命令，6个插件
- inclusive-design-skills-main: 40技能+18命令，6个插件
- designpowers-main: 10个Agent+29个技能
设计指南
- AI Design Field Guide: 46种AI设计工具使用方法
- Design Workshop Prompts: 36个设计工作坊提示词
限制与边界
当前范围
- 本skill处于研究阶段，不直接执行设计任务
- 提供设计指导和框架，而非替代设计师判断
- 支持多种设计任务类型，但可能需要根据具体项目调整
不支持的范围
- 不直接生成最终设计文件（Figma, Sketch等）
- 不替代专业设计工具的使用
- 不处理需要高度创意的原创设计工作
风险控制
- 设计决策需要人类设计师确认
- 敏感信息需要脱敏处理
- 遵循安全和无障碍标准
下一步
本skill可以进一步扩展的方向：
- 增加更多子技能：从ref目录中抽取更多具体的设计技能
- 集成设计工具：支持与Figma、Sketch等工具的集成
- 添加模板库：提供更多设计模板和示例
- 增强协作功能：支持团队协作和版本控制
- 添加评估机制：自动评估设计质量