用途：面向 AI 代理的高端视觉设计技能，目标是产出接近高端设计代理水准的网站界面，强调质感、空间节奏、微交互与流畅动效，而非普通模板化页面。
主要能力：定义禁用项，如禁用 Inter、Roboto、Arial、Open Sans、Helvetica 字体，禁用通用粗描边图标与生硬 1px 灰边框、暗色重投影，禁用贴顶吸底导航与对称三栏网格、线性过渡；给出三类风格原型（Ethereal Glass、Editorial Luxury、Soft Structuralism）与三类布局原型（Asymmetrical Bento、Z-Axis Cascade、Editorial Split），要求每次输出变化；要求“双壳嵌套”（外层壳加内层核心）、按钮内嵌圆形图标、大留白与外层内层同心圆角；动效方面要求自定义 cubic-bezier、悬浮玻璃胶囊导航、汉堡变形为 X、菜单遮罩与链接错峰入场、按钮内部图标位移缩放、进入视口时淡入上浮。
使用方式：作为 Agent Skill 使用，资料未提供安装命令或 URL 之外的使用步骤。执行协议要求：静默选择风格与布局原型，建立背景质感与留白尺度，用双壳嵌套构建 DOM，注入自定义过渡与悬停物理，最后输出 React/Tailwind/HTML 代码，并对照检查清单逐项核对。
适用场景：需要高端质感官网、产品页、作品集等前端界面生成。
限制：资料未提供价格、平台支持范围与效果保证；相关性能约束包括仅动画 transform 与 opacity，backdrop-blur 只用于固定或粘性元素，噪点层只用固定指针事件为空的伪元素，避免滚动监听。移动端低于 768px 需降级为单列布局。