WorkBuddy技能评测 #188 | UI/UX 设计与评审：ui-review 能看懂你的页面为什么丑

2026-11-05silcano

基本信息

• 技能名：UI/UX 设计与评审合集（ui-review、frontend-dev、ui-ux-pro-max、frontend-ui-ux、codebase-navigator、backend-dev、design-principles、navigator）
• 来源仓库 Star 数：25,949 / 25,704 / 24,415 / 25,837
• 分类：Frontend
• 数据来源：SkillKit 中央技能库（第三方技能市场，非 WorkBuddy 官方自研）

它解决了什么痛点

「看起来不好看」是最难沟通的需求。这批技能试图把它拆成可判断的维度：ui-review 从层级、留白、对比、一致性四个角度评审页面；design-principles 讲的是底层规律（接近律、对齐、视觉重量）；ui-ux-pro-max 更像一份组件与交互模式的索引；codebase-navigator / navigator 则是「快速读懂一个陌生前端项目」的路径。

这批的价值在于把审美变成可执行检查项：不是「这里不好看」，而是「标题与正文的字号差不足 1.5 倍，层级不清晰」。有了具体项，AI 才能改，你也才能验收。

对我有没有用（技术 / 自媒体 / AI / 读书）

自媒体：强推 ui-review。你有大量自制页面（聚合页、实验室页、评测文模板），审美一致性就是你的品牌。今天修的「图片压住文字」本质上是约束缺失，ui-review 这类技能能提前指出「这个容器没有固定宽高约束」。技术：有用（codebase-navigator 在你接手别人模板时省时间）。AI：有价值——它让 agent 有了评审视角，而不只是产出代码。读书：无关。

要警惕：ui-ux-pro-max 与 frontend-ui-ux 内容重叠度高，装一个就够；两者都容易导致「什么都想加动效」的过度设计，你的页面风格是克制的米黄纸质感，别被带跑。

典型场景

你想给评测聚合页做一次视觉复查。做法：装 ui-review + design-principles，让 AI 打开页面，按「层级 / 留白 / 对比 / 一致性」逐项打分，指出具体问题（比如卡片边框与背景对比度太低、标题字重不统一、筛选项在移动端换行难看），再给最小改动方案。成果：一次有依据的改版，而不是「感觉再调调」。

一句话结论

装 ui-review 一份就够，它是唯一能给你具体检查项、而不是抽象审美的那份。

📊 完整对比数据见在线总表：WorkBuddy 技能市场全量调研总表（腾讯文档）