全部 skill

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

将 alpha 版 markstream-angular 渲染器集成到 Angular 20+ 应用，使用独立组件、signals、安全 HTML 默认与可选 peer 特性。

在真实应用中本地对比 AI agent 生成的 UI 变体，保留其一并清理未使用的临时代码。

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

将 markstream-vue2 集成到 Vue 2.6/2.7，含正确的 Composition API 决策、CSS、流式状态、可选 peer 与作用域覆盖。

审计并将既有 Markdown 渲染器迁移到 Markstream，保留自定义渲染器、安全策略、流式行为并显式标注对等差异。

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

前端应用与后端 API 集成的生产就绪模式，含竞态处理、请求取消、重试策略、错误归一化与 UI 状态管理。

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

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

设计具高级字体、空间节奏、柔和纵深与流畅微交互的昂贵代理级界面时使用。

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

构建两种参数化 UI 模式——流光溢彩白与五彩斑斓黑，基于 OKLCH、WebGL/CSS 回退、视觉门控、截图 QA 与总/分色强度报告。UI 需求指定任一模式或需量化色彩参数时使用。

为生产前端构建添加可移植的 Lighthouse CI 门，含 Core Web Vitals 预算、分类下限、中位数运行与 CI artifact。

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

构建具离线支持、可安装与缓存策略的 PWA。用户提及 PWA、service worker、web app manifest、Workbox、add to home screen，或想让 Web 应用离线可用、像原生、可安装时使用。

升级既有网站/应用时，通过审计通用 UI 模式并应用高级设计修复（无需重写）使用。

按严格的工艺、性能、无障碍与交互质量标尺评审动画与动效代码时使用。

为 Google Stitch 生成 DESIGN.md 系统时，用于高端字体、色彩、布局、动效意图与反通用 UI 规则。

用 Chrome DevTools MCP 测试浏览器应用，检查实时 DOM、控制台日志、网络流量、截图、可访问性与性能追踪。

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

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