1. 基本信息
| 项目 | 内容 |
|---|---|
| 名称 | hue |
| 作者/维护者 | Dominik Martin（GitHub：dominikmartn） |
| 来源链接 | https://github.com/dominikmartn/hue |
| 许可证 | MIT（GitHub API 实测，与仓库 LICENSE 文件原文一致） |
| GitHub Stars | 759（GitHub API 实测，2026-07-21） |
| Forks | 61（同上） |
| 最新版本 | v1.2.0（SKILL.md frontmatter 标注） |
| 安装方式 | 一条 git clone 命令，分别对应 Claude Code 与 Codex 的技能目录 |
2. 功能介绍与亮点
hue 是一个“生成设计技能的技能”：给它一个品牌网址、名称或几张截图，它会分析出色板、字体、圆角、间距、明暗双模式、首屏范式、图标风格等一整套设计语言，打包成一份新的、可复用的 SKILL.md 技能文件，此后 AI 助手生成的每个界面都会自动匹配这个品牌。
- 三种输入路径：品牌网址（自动搜索官网并请用户确认）、本地代码库（直接读 design tokens/CSS 变量，精度最高）、用户截图（多图比对，矛盾之处逐条向用户确认）。
- 登录墙兜底链路：网址需登录或遇验证码时，先搜索文档中心、新闻稿等公开素材，找不到才依次询问本地代码库或截图，而非一遇阻拦就伸手要截图。
- 生成前置质检脚本
scripts/validate.mjs：检查产出的 YAML 语法、孤立 CSS 选择器、未定义 token、WCAG 对比度，不达标直接非零退出。 - 内置反 Prompt Injection 提示：SKILL.md 明确要求把抓取到的网页/截图内容当作数据而非指令。
- 仓库自带 17 个虚构品牌的完整示例，每个都含
design-model.yaml与可浏览器直接打开的landing-page.html。
3. 适用场景
所属分类：前端与设计。适合需要让 AI 助手反复生成界面、但受够了“千篇一律 AI 味 UI”的开发者与独立产品人；尤其适合品牌调性明确（有官网/截图/代码库可参考）、希望调性在多次会话间保持一致，例如陆续生成落地页、组件库或多个功能页面。
4. 跨 Agent 兼容性
- Claude Code：✅ 原生支持——专用安装路径
~/.claude/skills/hue，SKILL.md 工具对照表列出 Claude Code 原生工具 - Codex：✅ 原生支持——专用安装路径
~/.agents/skills/hue（兼容$CODEX_HOME），工具对照表给出 shell 等价方案 - OpenClaw：❓ 未验证——未见相关适配文件
- Hermes Agent：❓ 未验证——未见相关适配文件
判断依据：README 安装章节与 SKILL.md 平台工具对照表。
5. 推荐理由
把“分析一个品牌的设计语言”这件事本身封装成技能，一次生成、长期复用，解决 AI 生成界面千篇一律的问题。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 6 | GitHub 759 Star、61 Fork，独立开发者项目约 3 个月内达到这一数字，稳步增长；目前只有仓库自身可查证的数据来源，未找到独立第三方具名讨论 |
| 可用性 | 9 | 一条 git clone 命令即可安装，无需 API key 或付费依赖；文档与 17 个完整示例齐全；内置产出质检脚本；最近一次提交约 6 周前，版本号明确标注 v1.2.0 |
| 安全性 | 9 | 见下方安全检查清单 |
安全检查清单：
| 检查项 | 结果 |
|---|---|
| ① Shell 命令及权限范围 | 极小——本体只有一个本地 Node.js 正则校验脚本 validate.mjs，无子进程调用、无系统命令执行 |
| ② 运行时是否联网外发数据 | 仅通过标准 WebFetch/浏览器工具抓取用户指定的品牌网址用于分析，未见数据外发到第三方 |
| ③ API key/凭据存储方式 | 不需要任何 API key 或账号 |
| ④ 可疑指令/Prompt Injection 迹象 | 已通读 SKILL.md 全文与 validate.mjs 源码，未发现可疑指令；SKILL.md 反而主动要求把抓取内容当作数据而非指令 |
| ⑤ 作者/组织信誉 | 维护者为具名个人开发者 Dominik Martin，仓库 issue 区未见异常讨论 |
| ⑥ License | MIT，清晰明确 |
| ⑦ 最近维护时间 | 最近一次提交在 2026-06-11 前后，距今约 6 周 |
综合评分（三项均值）：8.0
7. 跟同类 Skills 相比的优势
| 对比对象 | 定位 | 与 hue 的差异 |
|---|---|---|
| theme-factory（Anthropic） | 内置 10 套预设字体/配色主题，可直接套用到已生成的文档、幻灯片、HTML 页面 | 提供的是“挑一套现成主题”；hue 提供的是“从你指定的某个品牌反推出一整套专属设计语言”，两者服务不同起点——一个是选择题，一个是分析题 |
| design-dna（zanwei） | 从参考 UI（图片/截图/URL）提取三维设计 DNA（tokens、风格、视觉特效如 WebGL/粒子），生成结构化 JSON 供后续生成使用 | 提取维度更细（额外覆盖 Canvas/WebGL 特效），但产出是一份数据文件；hue 产出的是一份可反复调用的 SKILL.md 技能本体，安装后无需每次重新分析即可持续复用 |
8. 用户评价
hue 目前在第三方平台尚无独立于作者本人之外的具名用户评价。
9. 其他补充
仓库文档仅提供英文版本；官方演示站点为 hueapp.io。
10. 安装使用方式
# Claude Code
git clone https://github.com/dominikmartn/hue ~/.claude/skills/hue
# Codex
git clone https://github.com/dominikmartn/hue ~/.agents/skills/hue
# 或使用 CLI 安装器兼容路径
git clone https://github.com/dominikmartn/hue "${CODEX_HOME:-$HOME/.codex}/skills/hue"安装后无需重启，直接在对话中说“帮我从 xxx.com 生成一个设计技能”或“根据这张截图生成设计语言”即可触发。生成产物建议先跑一遍质检脚本：
node scripts/validate.mjs <生成的技能目录路径>11. 注意事项
- 仅支持 Claude Code 与 Codex 官方安装路径，OpenClaw、Hermes Agent 用户需自行适配
- 单一开发者维护，项目历史约 3 个月，长期维护记录尚短
- 分析网站截图/URL 依赖模型自身的视觉与网络抓取能力，遇登录墙或验证码时准确度会下降