Hallmark：用 50 套主题和浏览器检查让 AI 生成的页面不像 AI 做的
Together AI 的 Hallmark（MIT 许可，约 38.8k 星）是面向 Claude Code、Codex、Cursor 和 OpenCode 的前端设计技能：先读项目并索取素材，从 50 套主题中给出三个候选，先单独做首屏并评审，再用 `sloplint --render` 在八种宽度下检查页面，最后由全新上下文的子 Agent 评审。检查分三档：Floor 永不放行，Reflex 可附理由覆盖，Finish 不阻塞。
适用：Claude CodeCodex CLICursorOpenCode
能做什么
- 从 50 套主题中为页面选定风格，也可按提示词定制
- 对页面做静态与浏览器渲染检查（sloplint）
- redesign 和 audit 命令分别用于改版和审查已有页面
好在哪里
- 检查分 Floor、Reflex、Finish 三档，只有 Floor 绝对不放行
- 首屏先单独构建并评审，再扩展到整页
- 最终由全新上下文的子 Agent 评审，避免自己评自己
安装 / 启用
npx skills add nutlope/hallmark -g（Claude Code 插件：/plugin marketplace add nutlope/hallmark，然后 /plugin install hallmark@hallmark）
要点
- 命令：`/hallmark <prompt>`、`/hallmark redesign <path>`、`/hallmark audit <path>`；Codex 里用 `$hallmark`
- 静态检查只需 Node 18+；浏览器渲染检查还需 `npm i -g puppeteer-core` 和 Chrome
- 内置 755 张可商用的 Wikimedia Commons 图片，并要求在页面上署名
- 渲染检查依赖浏览器截图和子 Agent 评审；README 未写版本号，Releases 为空
为什么值得关注
它的「静态规则检查加首屏单独评审」思路对「AI 不遵守项目已有组件库」有参考价值，但技能本身是为生成新页面设计，不会自动使用你们现有的组件库；没有视觉能力的模型无法完成截图类评审。
来源
### [Hallmark：用 50 套主题和浏览器检查让 AI 生成的页面不像 AI 做的]({{URL}})
Together AI 的 Hallmark（MIT 许可，约 38.8k 星）是面向 Claude Code、Codex、Cursor 和 OpenCode 的前端设计技能：先读项目并索取素材，从 50 套主题中给出三个候选，先单独做首屏并评审，再用 `sloplint --render` 在八种宽度下检查页面，最后由全新上下文的子 Agent 评审。检查分三档：Floor 永不放行，Reflex 可附理由覆盖，Finish 不阻塞。
- 命令：`/hallmark <prompt>`、`/hallmark redesign <path>`、`/hallmark audit <path>`；Codex 里用 `$hallmark`
- 静态检查只需 Node 18+；浏览器渲染检查还需 `npm i -g puppeteer-core` 和 Chrome
- 内置 755 张可商用的 Wikimedia Commons 图片，并要求在页面上署名
- 渲染检查依赖浏览器截图和子 Agent 评审；README 未写版本号，Releases 为空
**为什么值得关注**：它的「静态规则检查加首屏单独评审」思路对「AI 不遵守项目已有组件库」有参考价值，但技能本身是为生成新页面设计，不会自动使用你们现有的组件库；没有视觉能力的模型无法完成截图类评审。
来源：[Nutlope/hallmark README](https://github.com/Nutlope/hallmark)；[GitHub Trending（今日）](https://github.com/trending?since=daily)