用途
这个技能用于解决 AI 生成前端界面时普遍存在的“模板化”问题。如果你的 UI 看起来和所有其他 AI 落地页一模一样，这个技能就是为此设计的。它给编码智能体注入实际的设计品味，让产出的界面在布局、字体、间距、层级和动效上更强，而不是套用默认的 AI 模板。
主要能力
- 阻止默认的紫色渐变、三张等宽卡片、Inter + slate-900 配色、网格英雄区和通用玻璃拟态。
- 在写代码前先阅读需求简报，推断页面类型、目标受众和氛围。
- 通过三个设计旋钮控制整体方向：
- DESIGN_VARIANCE（设计变化度）：低为干净、居中；高为不对称、实验性。
- MOTION_INTENSITY（动效强度）：低为仅悬停；高为滚动、磁吸、电影感。
- VISUAL_DENSITY（视觉密度）：低为通透、画廊式；高为密集、堆叠。
- 强调真实的视觉层级、字体比例、间距节奏和有意图的动效，而非装饰性效果。
- 当需求对应官方设计系统时，优先使用官方包，而不是自造设计令牌。
使用方式
- 在任何代码之前，先产出一行设计解读：页面类型 + 受众 + 氛围 + 基础方向。
- 根据简报设定三个旋钮的值。
- 让后续每一个决策都与这些值保持一致。
- 拒绝熟悉的 AI 落地页模板（英雄区 + 三张等宽功能卡 + 渐变网格 + Inter + slate）。
- 动效应克制且有目的，除非简报明确要求电影级能量。
- 字体与色彩必须服务于真实受众，而不是默认的 AI 调色板。
适用场景
适用于使用编码智能体生成前端界面的场景，尤其是希望避免通用 AI 模板、追求更强设计表达和真实视觉层级的项目。
限制
资料未提供具体的安装命令、平台支持范围、收费方式或价格信息。