用途：用于需要生产级 UI 的场景，可从提示词生成高质量界面，统一多屏视觉语言，并给出字体、布局与动效的系统化规范。
主要能力：定义设计令牌（颜色、字体、字号、字重、行高、间距、圆角、阴影、断点）；定义页面规格与信息层级（如 landing、dashboard、form、blog、e-commerce）及优先级；按区块生成组件结构（如 Hero）；提供动效指引（时长、缓动、悬停态、页面过渡）；执行 WCAG 2.1 AA 无障碍检查（对比度、键盘导航、屏幕阅读器、文本可读性）；输出交接包（组件表、令牌摘要、文件清单）。
使用方式：按步骤进行——先定义令牌，再定义布局与 UX 目标，随后生成 UI 输出，接着校验无障碍，最后交接。可与 Claude、ChatGPT、Gemini、Codex 配合，按代理角色分工（令牌与组件设计、无障碍与研究、代码生成）。
适用场景：SaaS 落地页、管理后台仪表盘、移动优先多步表单等。
限制：资料未提供具体收费、价格与安装命令；示例代码仅作结构参考，实际项目需按需调整；兼容平台与代理分工属于该技能声明的约定，效果依赖所用模型与环境。