用途:在用户请求 UI 组件、页面或应用,或提到表单、仪表盘、落地页、弹窗,或要求设计、构建、改进界面时自动启用,输出可运行的前端代码。
主要能力:按四步工作流执行——评估上下文(问题、目标用户、美学方向、框架与无障碍约束)、查阅 REFERENCES.md 获取配色(含 WCAG 合规值)、字体搭配、组件模式与间距排版令牌、生成代码、交付前核对清单。生成结果包含全部交互状态(悬停、聚焦、激活、禁用、加载、错误)、语义化 HTML、移动优先响应式设计与 CSS 变量。
输出标准:文本对比度 4.5:1、UI 组件 3:1;所有交互元素有可见焦点轮廓;触控目标最小 44×44px;尊重 prefers-reduced-motion;输入均有标签;空状态给出提示与操作;错误状态说明原因与修复方式。
美学方向:需选定一个明确方向并贯彻,如极简、玻璃拟态、新粗野主义、编辑风、有机风、暗色模式等;避免紫色渐变配白底、Inter/Roboto 等默认字体、千篇一律卡片布局等通用 AI 输出特征。
限制:资料未提供具体安装命令、收费方式与平台支持信息;REFERENCES.md 的具体内容未在资料中展开。许可证为 MIT。