用途:该技能用于处理界面结构、视觉设计决策、交互模式与用户体验质量把控。当任务会改变功能的外观、感受、动效或交互方式时应使用;纯后端逻辑、仅 API 或数据库设计、与界面无关的性能优化、基础设施与 DevOps、非可视化脚本则不需要。
主要能力:内置 50+ 风格、161 套配色、57 组字体搭配、161 种产品类型及推理规则、99 条 UX 指南、25 种图表类型,覆盖 10 个技术栈,为可搜索数据库并给出基于优先级的建议。规则按优先级分为 10 类:无障碍(对比度 4.5:1、Alt 文本、键盘导航、aria-label)、触控与交互(最小 44×44px、8px 间距、加载反馈)、性能(WebP/AVIF、懒加载、CLS<0.1)、风格选择、布局与响应式、排版与颜色、动画(150–300ms)、表单与反馈、导航模式、图表与数据。
使用方式:按优先级 1→10 决定先关注哪类规则;需要细节时用 --domain <Domain> 查询,例如 --design-system 获取风格推荐、--domain color 查询配色。
适用场景:设计新页面(落地页、仪表盘、后台、SaaS、移动应用)、创建或重构 UI 组件、选择配色与字体系统、审查 UI 代码的无障碍与一致性、实现导航与动画、做产品级设计决策、跨平台设计对齐、构建设计系统。
限制:资料未提供具体安装命令、收费方式、平台支持范围与效果数据,暂未提供。