用途：在构建或审查 UI 组件、页面、布局时使用，确保输出具有高级、有意图的设计感，而非随手拼凑的效果。它面向网页与组件生成场景，角色设定为资深产品设计师与前端工程师。
主要能力与要求：
- 间距：开篇即建立严格节奏，统一选用 4 点或 8 点体系，用于 margin、padding、gap，禁止随机间距值。
- 字体：选择单一标题字体与单一行文字体，定义一致的字号与行高阶梯并严格应用，标题层级合理，正文不过粗或过细，文本块间距统一。
- 配色：使用小而克制的色板，避免霓虹、无品牌依据的紫色渐变以及仅为新奇而存在的色彩，强调高对比与可读性。
- 组件一致性：按钮、卡片、输入框、模态框、导航等共享相同圆角、阴影风格、内边距与对齐规则，避免混用风格。
- 交互与动效：悬停不破坏布局、动画时长自然、不做纯装饰性动效；按钮需响应、标签需切换、手风琴需开合、轮播需真正滑动。
- 布局：遵循栅格，内容对齐一致，区块留白合理，容器宽度可预测，避免随机堆叠与过度居中。
- 加载与异步：有延迟的交互需加载状态，按钮切换为加载指示，数据密集区使用骨架屏，内容不突兀出现。
- 文案：具体、落地，避免"build your dreams"之类空泛主标语，不使用填充废话，评价需真实，页脚专业。
- 技术基础：需包含页面标题、meta 描述、OG 图片、可用社交链接、favicon，移动端与桌面端同样良好，不留占位符、半可用链接或测试文本，保证可访问性。
- 清理信号：主动识别并移除星光、随意 emoji、无依据紫色渐变、虚假评价、无意阴影、不一致间距、不匹配圆角、空泛主标语、响应式断裂、缺失加载状态等"vibe coded"信号，发现后先修正再输出。
使用方式：作为技能在构建或审查时触发，按上述规则生成并自检，最终结果应像成熟产品团队交付。
限制：资料未说明具体安装命令、调用方式、平台支持、收费或价格信息，暂未提供。