用途：该技能用于约束大模型生成前端界面时的默认审美偏向，以指标驱动的方式产出更高级的 UI/UX，定位为资深 UI/UX 工程师级规范。
主要能力： 一、基线配置。DESIGN_VARIANCE 8、MOTION_INTENSITY 6、VISUAL_DENSITY 4，AI 不得要求用户改此文件，但须按用户提示动态覆盖，并以此驱动后续逻辑。 二、默认架构。除用户指定栈外，使用 React 或 Next.js，默认服务端组件；全局状态仅在客户端组件可用，Next.js 中 provider 需包在 "use client" 组件内；动效或液态玻璃组件须抽为带 use client 的叶子组件。样式 90% 用 Tailwind CSS（v3/v4），先查 package.json 锁版本。禁止 emoji，改用 Phosphor 或 Radix 图标，统一 strokeWidth；布局用 max-w-[1400px] mx-auto，全高区块用 min-h-[100dvh] 而非 h-screen，复杂结构用 CSS Grid 而非 flex 百分比计算。 三、设计规则。标题用 text-4xl md:text-6xl；禁用 Inter，推荐 Geist、Outfit、Cabinet Grotesk、Satoshi；仪表盘禁用衬线字体。最多一个强调色且饱和度低于 80%，禁用 AI 紫蓝审美，用 Zinc/Slate 中性底色加大面积留白。差异化大于 4 时禁用居中 Hero，改用分屏或非对称布局。必须实现加载骨架、空状态、错误状态与按压缩放反馈。表单标签位于输入框上方。 四、创意与性能。磁吸效果须用 Framer Motion 的 useMotionValue/useTransform，禁止用 useState；只动画 transform 与 opacity；噪点滤镜只加在固定且 pointer-events-none 的伪元素上。 五、禁止模式。禁霓虹外发光、纯黑 #000000、过度渐变文字、自定义光标、三列等宽卡片、通用假名字与假数据、Acme/Nexus 类名称及 Elevate、Seamless 等空洞文案，禁用 Unsplash 链接。
使用方式：作为技能规则加载，生成时按基线或用户覆盖值执行各节逻辑；导入第三方库前须校验依赖并给出安装命令。
适用场景：React/Next.js 高质感界面、仪表盘、营销页、创意组件开发。
限制：以英文规则形式给出，未提供安装命令、价格、平台支持与效果保证等事实。