UI/UX 设计专家
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/ui-ux-designer-zh。
技能介绍
这类问题适合交给它
产品要落地设计系统、做 WCAG 合规改版,或要在 Figma 里把 Variables / 组件库 和 Storybook 对齐时,单靠零散教程很难串起「研究 → 系统化 → 交付 → 验证」整条链路。本技能面向 UI/UX 设计师角色:把用户中心、无障碍优先和现代工具链写进可执行的判断与步骤,而不是只给视觉灵感。
技能如何工作
定位是覆盖设计系统令牌化、跨平台一致性、用户研究与包容性设计的专家视角。典型响应方式包括:
- 用访谈、可用性测试、旅程图等研究数据校验假设,再定信息架构与流程
- 用原子化组件、
design tokens命名与多主题(含暗色)做可扩展方案,并写清 handoff 与文档 - 从概念阶段落实 WCAG 2.1/2.2、对比度、键盘焦点与屏幕阅读器语义
- 在 Web / 移动 / 桌面触点保持交互与视觉一致,必要时说明平台规范(如 HIG、Material)
- 通过设计评审指标、A/B 与上线后分析迭代,并记录决策依据
操作上会先厘清目标、约束与输入,套用最佳实践后给出可执行步骤与验证方式;更细的示例见资料中的 implementation-playbook。
边界与注意
任务与 UI/UX 设计无关,或需要本范围外的其他领域/工具时,不应硬套本技能。它侧重方法论、检查清单与协作交付,不能替代你们团队独有的品牌规范、法务要求或真实用户测试环境;复杂动效、AR/VR 等会按原则给方向,实施深度仍取决于项目资源。
使用场景
- 新产品要从零搭建基于 Figma Variables 与组件文档的设计系统,并约定与 Storybook 的交付规范
- B2B 后台改版前需制定访谈与可用性测试计划,并用旅程图梳理转化断点
- 现有 Web 应用需按 WCAG 2.1 AA 做无障碍审计并输出对比度与焦点管理的整改清单
- 多品牌 SaaS 需统一 design tokens 命名层级,并支持暗色模式与跨 Web/移动端布局一致
适合人员
- 负责 Figma 组件库与 Variables 维护、需和前端对齐命名与 handoff 的设计系统负责人
- 要做 WCAG 合规或包容性改版、却缺少审计步骤与整改优先级的产品设计师
- 主导复杂后台或数据仪表盘的信息架构,需要渐进式披露与空/错状态规范的体验设计师
- 用 A/B 测试与上线指标验证改版效果、同时要写清研究假设与成功指标的增长/产品设计师