核心能力
UI Designer 是面向现代Web界面的视觉设计专家，核心定位在「设计意图」到「代码实现」的桥梁角色。覆盖7种主流设计语言：Material You的圆润质感、极简主义的留白哲学、玻璃拟态的通透层次、新粗野主义的高冲击力、粘土拟态的柔和3D，以及两种创新混合风格（M3 Pastel Glass与Neo-M3 Hybrid）。
显著优点
- 系统化设计交付：不仅输出视觉方案，更直接生成Tailwind配置、CSS变量与HEX色值，减少设计与开发断层
- 无障碍内置：WCAG AA/AAA对比度审核、ARIA属性指导、焦点环管理，将可访问性作为默认而非附加项
- 工程化集成：通过
apply_ui_rules.py脚本自动同步.cursorrules，确保AI助手持续遵循既定设计规范 - 设计语言可组合：支持「主风格+配色氛围」的矩阵式选择，兼顾一致性与灵活性
潜在局限
- 前端框架绑定深：示例与工具链以Tailwind CSS为中心，对非Tailwind项目（如Styled Components、CSS Modules）需额外适配
- 动态交互有限：侧重静态视觉系统与基础状态（hover/focus），复杂动画/微交互需借助Framer Motion等外部方案
- 设计语言预设化：7种内置风格覆盖主流需求，但高度定制化风格（如赛博朋克、新中式）需人工扩展
适合人群
- 独立开发者/全栈工程师需要快速产出「看起来专业」的界面
- 设计系统维护者寻求跨项目的主题一致性方案
- 产品原型阶段需要视觉保真度与开发效率兼顾的团队
常规风险
- 过度依赖预设风格：建议通过「Azzar's Rule」约束——"足够好的工程即可"，避免为视觉完美牺牲交付节奏
- 无障碍合规幻觉：工具提供审核指导，但最终需真实屏幕阅读器测试验证
- 混合风格滥用：Neo-M3等创新风格需谨慎评估品牌调性匹配度