用途:ui-ux-designer 是一个 UI/UX 设计工作流技能,适用于需要创建界面设计、线框图与设计系统,涉及用户研究、设计令牌化、跨平台一致性和无障碍设计的场景。它也是该技能包的公开收录版本,打包自上游仓库的 plugins/antigravity-awesome-skills-claude/skills/ui-ux-designer 路径,并通过 metadata.json 的 external_source 块和 ORIGIN.md 保留来源信息。
主要能力(据资料所述):设计系统方法,包括原子设计方法、基于令牌的架构、组件库文档、多品牌设计系统架构与治理;现代设计工具与工作流,包括 Figma 高级功能、与 Storybook/Chromatic 等开发工具集成、原型与微交互动效;用户研究与分析,包括定性与定量研究方法、用户访谈、可用性测试、A/B 测试、用户旅程地图与画像;无障碍与包容性设计,包括 WCAG 2.1/2.2 AA 与 AAA 合规、对比度分析、屏幕阅读器优化、键盘导航与焦点管理;信息架构与 UX 策略;视觉设计与品牌系统;交互设计与原型;跨平台设计(响应式 Web、iOS 与 Material Design 原生应用、PWA、桌面、可穿戴设备等);设计与开发交接、设计系统分析与采用度跟踪等。
使用方式:技能提供了明确的工作流:先澄清目标、约束与所需输入,再应用相关最佳实践并验证结果,给出可执行步骤与验证方法;如需详细示例,打开 resources/implementation-playbook.md。使用前建议先查看 metadata.json 确认仓库、分支、提交与导入路径,再查看 ORIGIN.md 了解来源审计信息,只加载对当前任务有实质影响的参考文件、示例或脚本,避免默认加载整个包。资料中还给出了示例调用方式,如使用 @ui-ux-designer 处理具体任务、对照 metadata.json 与 ORIGIN.md 做基于来源的评审、先明确列出要加载的支持文件再执行,以及为人工评审构建审计包。
适用场景(据资料示例):设计无障碍优先的完整设计系统;为复杂 B2B 软件重做制定用户研究计划;通过 A/B 测试与用户旅程分析优化转化流程;为认知障碍用户开发包容性设计模式;遵循平台规范设计跨平台移动应用;为多品牌产品套件构建设计令牌架构;对现有产品进行无障碍审计与整改策略;设计带渐进式披露的数据可视化仪表盘。
限制与注意事项:资料强调该技能应作为围绕上游仓库的可评审打包层,保持来源可见,只加载最小且有用的支持文件,不应编造源材料无法支撑的步骤;生成的示例仅作脚手架,需按具体任务调整。若任务转向调试、架构、设计或安全等更强原生技能更擅长的方向,应通过相关技能列表进行交接。资料中参考资料、示例、脚本、代理与资产的支持路径均标注为 n/a。关于收费、价格、部署平台与具体效果等事实,资料中暂未提供。