用途：把设计意图直接翻译成代码，创建避免通用“AI UI”套路的界面，同时尊重产品既有品牌、无障碍、性能与框架约束。
主要能力：要求先完成设计思考阶段，明确用途、选择一种主导基调（最多混两种）、给出差异化锚点；在字体、色彩、空间构图、动效、质感深度上给出执行标准；提供 DFII 评估量表（审美冲击、语境契合、实现可行性、性能安全、一致性风险），它是主观讨论辅助工具，没有经验证的预测力。输出结构要求包含设计方向摘要、设计系统快照、可运行代码与验证记录。
使用方式：用于新页面、新组件或明确视觉改版，并已存在明确主用户动作的场景；若只是孤立修复缺陷，应保留周边设计。需收集既有设计系统、目标设备、内容、框架与验收标准。HTML/CSS 优先原生特性，React 用函数组件，动效 CSS 优先，仅在合理时用 Framer Motion。
限制：视觉辨识度不能证明可用性或转化效果；截图无法验证键盘顺序、异步行为、屏幕阅读器输出或网络失败状态；减少动效偏好、本地化与真实内容长度都会改变设计，需要在产品需要的范围内测试。资料未提供具体安装命令、授权细节或价格信息。