技能介绍

解决的设计同质化与模板化痛点

在当前的 Web 开发中，AI 生成的界面往往陷入严重的同质化陷阱。打开十个网站，你可能会发现八个都在使用 Inter 字体、粗描边的 Lucide 图标、千篇一律的灰色边框和深色投影。更糟的是，布局往往死板地遵循对称的三列 Bootstrap 网格，顶部还贴着毫无生气的粘性导航栏。这种“流水线”式的输出缺乏空间呼吸感，也无法传达高端数字产品应有的触觉深度和电影级动效节奏。

核心工作机制与设计引擎

为了打破这种平庸，该技能以 Vanguard_UI_Architect 的角色介入，致力于构建代理机构级别的高端数字体验。其核心在于内置的“创意差异引擎”：

动态原型组合：在编写代码前，技能会随机“掷骰子”，从预设的高端原型（如适用于 SaaS 的 Ethereal Glass 玻璃拟态风格）中挑选视觉与纹理组合，确保每次输出的布局和美学风格绝不雷同。
严苛的反模式拦截：严格执行“绝对零”指令，自动屏蔽所有被禁用的通用字体（如 Arial、Helvetica）、粗描边图标库，以及生硬的线性过渡动画。
精英级视觉语言：强制采用类似 Apple 或 Linear 的顶级设计语言，利用毛玻璃背景模糊（backdrop-blur-2xl）、径向网格渐变和极致的留白来营造空间层次感。

适用边界与注意事项

需要注意的是，该技能追求的是极致的视觉表现力和前卫的交互体验，因此它不适用于后台管理系统、数据密集型表格页面或需要极高信息密度的传统企业官网。此外，由于其严格限制了通用字体和图标库，如果你的项目尚未引入指定的优质字体（如 Geist 或 Clash Display），你需要手动配置 @font-face 或 CDN 引入，否则可能会导致渲染降级。对于追求极简加载速度或对 SEO 极度敏感的场景，建议谨慎评估其生成的复杂动效对性能的影响。