前言¶

前端评审常卡在两点：一是手里只有设计稿和设计系统文档，看不出实现哪里偏离了规范；二是从零做界面时，容易做出看起来像原型、一到生产环境就不好维护的页面。frontend-design-review 把这个判断交给一个可重复调用的 Skill，用同一套流程完成评审和创建两条路径。

这是什么¶

frontend-design-review 是一个通用 SKILL.md 格式的 Skill，坐标 @org-02qudk26/frontend-design-review，版本 1.0.0，来源 enterprise，发布者是智雨科技，分类为 dev-programming。它解决的问题不是写一个页面，而是按设计质量标准和设计系统检查 UI 实现，或者在缺少可复用实现时直接创建可用于生产环境的前端界面。官方资料显示 requires_api_key=false，也就是使用该 Skill 不需要额外配置 API key。

核心功能¶

根据官方简介，frontend-design-review 提供两种模式。

第一种是设计评审。它会把 UI 实现与设计质量标准、你的设计系统放在一起对照，找出实现层面偏离规范的地方。输入应包含现有实现和可作为评审依据的设计规范材料。

第二种是创建界面。它不是单纯生成一段演示代码，而是要求产出独特、可用于生产环境的前端界面。官方资料在简介处截断，没有进一步给出评审细则或创建流程的完整条目，因此这里只保留可核实的模式定义。

安装与启用¶

官方地址是 https://api.skillhub.cn/org-02qudk26/frontend-design-review，SkillHub 页面是 https://www.skillhub.cn/skills/org-02qudk26/frontend-design-review。

本次抓取未能打开这两个页面，官方资料也没有提供 SkillHub CLI、Cursor、Codex CLI、Claude Code 的具体安装命令。因此下面只写通用启用方式，不把未核实的命令放进正文：

# 在所用 Agent/Skill 环境中按 SkillHub 导入流程添加
@org-02qudk26/frontend-design-review

在支持 SkillHub 坐标的客户端里，可以在 Skill 列表或 Agent 配置中使用该坐标启用；在其他环境里，需要先确认客户端是否支持 SKILL.md 格式的 Skill 注入。

典型用法¶

根据官方简介，第一种典型用法是评审已有 UI 实现。准备设计质量标准、设计系统文档和当前页面实现，把三者交给 frontend-design-review，让它按设计系统逐项检查实现是否符合规范。评审重点应放在视觉一致性、组件状态、间距和布局、可访问性、响应式表现，以及实现是否漏掉了设计系统中定义的组件。

第二种典型用法是创建新前端界面。需求里应给出页面目标、目标用户、关键交互、已有设计系统或品牌约束，以及必须兼容的技术栈或组件库。Skill 会先建立实现约束，再创建可用于生产环境的页面，而不是只交付一段静态示例。

第三种用法是把评审和创建串起来。先用 frontend-design-review 评审现有页面并得到问题清单，再基于同一套设计系统创建下一版界面；最后把新实现放回评审流程，确认问题没有被重新引入。

适用场景与注意¶

适合已经有明确设计系统，或需要按设计质量标准统一评审结果的团队；也适合从零启动前端界面、希望第一版就更接近生产可用的开发者。

需要注意，官方简介被截断，本次页面又无法抓取，所以具体评审清单、输出文件结构、质量门槛和创建步骤没有写进本文。不要把它当成万能 UI 生成器：它依赖输入里提供的设计标准、设计系统和交互边界；信息不足时，评审容易变成泛泛的审美判断，创建也容易退化成一次性 demo。

结尾¶

frontend-design-review 的价值在于把「对照标准评审 UI」和「从零创建可生产前端界面」放进同一个 Skill 流程，减少评审靠经验判断、新页面又脱离设计系统的问题。官方地址：https://api.skillhub.cn/org-02qudk26/frontend-design-review