用途:用于涉及界面结构、视觉设计决策、交互模式与体验质量控制的场景。设计新页面(落地页、仪表盘、后台、SaaS、移动应用)、创建或重构 UI 组件(按钮、弹窗、表单、表格、图表等)、选择配色/字体/间距/布局体系、审查 UI 代码的可访问性与视觉一致性、实现导航/动效/响应式行为、做产品级设计决策以及提升界面感知质量时使用。纯后端逻辑、API 或数据库设计、与界面无关的性能优化、基础设施运维及非视觉脚本则不需要。
主要能力:可检索数据库,覆盖 50+ 样式、161 套配色、57 组字体搭配、161 种产品类型及推理规则、99 条 UX 指南、25 种图表类型、10 个技术栈;提供基于优先级的推荐。规则按优先级排序为:可访问性(对比度 4.5:1、替代文本、键盘导航、aria-label)、触控与交互(最小 44×44、8px 间距、加载反馈)、性能(WebP/AVIF、懒加载、CLS<0.1)、样式选择(匹配产品类型、SVG 图标不用 emoji)、布局与响应式(移动优先、无横向滚动)、排版与色彩(正文 16px、行高 1.5、语义色令牌)、动画(150–300ms、只用 transform/opacity)、表单与反馈、导航模式、图表与数据。
使用方式:资料提到可用 --domain <Domain> 查询特定领域细节、用 --design-system 获取设计系统建议,并说明脚本不读取上述优先级表。安装命令与具体调用示例资料中暂未提供。
限制:以上条目为设计规范与检查建议,资料未说明自动执行代码修改或生成设计稿的能力;未提供收费、价格与平台支持信息。