Nutlope / hallmark

∴ 是什么

Hallmark 是一个设计技能包，面向 Claude Code、Codex、Cursor 和 OpenCode 等 AI 编码工具，让生成的页面不像 AI 做的。它从 48 个主题中抽取三个，围绕访客目的构建页面，并在真实浏览器中对容易暴露 AI 痕迹的细节做 lint 检查。每个页面是自包含的 HTML/CSS，首条 CSS 注释记录设计决策。

∴ 解决什么问题

• ›AI 生成的页面常带有千篇一律的机器痕迹，如每段标题上方的眉毛文字、全大写标签、标题中单个彩色词语、空框架或纯照片页面、每页底部都放邮箱订阅等
• ›页面布局与访客目的脱节，需要让操作位置符合页面类别并收尾在操作上
• ›设计稿中容易出现对比度、焦点、减少动效、事实编造、手机布局破损等质量问题

∴ 怎么上手

1. 01运行 `npx skills add nutlope/hallmark -g` 安装，`-g` 表示全局安装，不加则安装到当前项目
2. 02在 Claude Code 或 Cursor 中用 `/hallmark <prompt>` 调用，在 Codex CLI 中用 `$hallmark <prompt>` 调用
3. 03需要 Node 18 或更高版本；浏览器检查（`sloplint --render`、截图）还需 `npm i -g puppeteer-core` 和 Chrome
4. 04可单独运行 `node skills/hallmark/scripts/sloplint.mjs <file-or-dir> --render` 对任意页面做 lint

∴ 适合谁

使用 Claude Code、Codex、Cursor 或 OpenCode 的开发者，希望 AI 生成的网页设计摆脱模板感、更贴近真实产品需求的用户

∴ 要点

• ›提供 48 个主题，每个主题是一种材料（纸张、字体、色彩、表面、组件和纹理），不规定页面内容或顺序，同一主题下不同提示生成不同页面
• ›内置三级检查门：Floor 是底线规则，不通过就不发布；Reflex 是模型默认会犯的、可被合理理由推翻；Finish 是工艺细节，不阻塞发布
• ›支持自定义：说 custom 就放弃主题，仅依据提示词和 floor 规则设计
• ›支持重设计与审计：`/hallmark redesign <path>` 重建页面并保留内容和接线，`/hallmark audit <path>` 只出报告
• ›使用 755 张开放许可照片，按主题挑选并在页面上署名，不用 Unsplash 等图库站
• ›许可证为 MIT

∴ 在榜记录

GitHub Trending 今日榜的每日存档，日期按北京时间。2026-10-24 首次上榜，累计在榜 2 天，最高第 4 名。