全部 skill

由上游维护的前端设计指导（impeccable）。

把 Stripe、Linear、Vercel 等 54 套真实设计系统整理成 HTML/CSS 参考。

编写、校验并导出 Google 的 DESIGN.md 设计 token 规范文件。

一次性的 HTML 草图：给 2-3 个设计变体做对比。

设计一次性的 HTML 产物：落地页、演示稿或原型。

将前端设计任务路由到 48 种特定 UI 风格。为请求特定美学的网站、App 屏幕或 UI 组件触发。

渲染 UI 并用确定性方法证明其平衡与可用：确定性布局审计（质心/光学中心/像素 oracle 平衡，经显式数学 + 标注截图）+ 独立新鲜视角评审员的视觉 Nielsen 可用性审计。味觉型设计技能缺失的测量层。

阻止编码 agent 输出通用 UI。扩展产品设计系统、仅在有用时用 UIZZE 证据、覆盖所需状态并检查渲染结果。

依据 168 条研究支撑的 UX/UI 原则评估界面、检测反模式，并将 UX 上下文注入 AI 编码会话。

在发布前为渲染的 Web/iOS 屏幕评估通用 UI 风险。用户问 UI 是否显得通用或需要诚实的合并前视觉评审时使用。

用于创建温暖单色、清晰边框、克制动效与扁平 bento 布局的简洁编辑型界面。

苹果级产品设计——视觉系统、UX 流程、无障碍、专有视觉语言、设计 token、原型与 handoff。覆盖 Figma、设计系统、字体、色彩、间距、动效与认知设计原则。

创建具刚性网格、硬朗排版、CRT 效果与高密度数据的原生工业或战术遥测 UI 时使用。

为生成具严格 AIDA 结构、宽大 hero 排版与无缝 bento 网格、重度 GSAP 的精英级前端页面时使用。

前端设计入口：方向、设计系统、视觉哲学。构建或触及任何 Web UI 外观（组件、页面、仪表板、React/Vue/HTML-CSS）时使用，或用户说“让这更好看”“修间距/布局”，或提及样式、颜色、字体或打磨。

设计或审查精致产品 UI 时，使用受 Emil Kowalski 启发的动画、交互与组件工艺指导。

构建具严格设计品味、校准配色、响应式布局与动效规则的高能动性前端界面时使用。