核心用法
本技能适用于构建 UI 组件、页面及完整应用，强调美学驱动开发的工作流程：
1. 前置设计思考：明确用途、用户、技术约束后，选定极端美学方向（极简/极繁/复古未来/有机自然等12种预设方向）
2. 代码级美学实现：输出可直接运行的 HTML/CSS/JS、React、Vue 等生产级代码
3. 五大执行维度：
- 字体：禁用 Inter/Roboto 等系统字体，采用 Google Fonts/Adobe Fonts 特色字体
- 配色：CSS 变量管理，主导色+锐利点缀色，杜绝"白底紫渐变"AI 俗套
- 动效：CSS 优先，首屏 orchestrated 加载动画优于分散微交互
- 空间：非对称、重叠、对角线等破格布局
- 背景：渐变网格、噪点纹理、几何图案等氛围层
显著优点
- 反同质化：明确禁止"AI slop"设计模式，强制差异化输出
- 全栈可用：不绑定特定框架，提供 CSS/React/Vue 等多方案
- 可执行性：交付物为真实可用代码，非设计稿或概念描述
- 哲学清晰："无论极简或极繁，关键在于意图明确、执行彻底"
局限与风险
- 审美主观性："大胆"定义依赖设计师判断，可能与客户保守预期冲突
- 性能成本：极繁设计（复杂动画、多层纹理）需额外优化
- 无障碍挑战：强烈视觉风格可能与 WCAG 对比度、动画敏感等要求冲突
- 字体加载：特色字体需考虑 FOUT/FOIT 及授权问题
适合人群
- 希望突破"AI 生成感"的独立开发者/设计工程师
- 需要快速建立品牌视觉差异化的初创团队
- 厌倦组件库默认风格、追求定制体验的产品团队
常规风险
- 过度追求独特可能损害可用性
- 动画密集场景在低端设备上的表现降级
- 团队协作时风格一致性维护成本