Nutlope/hallmark

项目概览

它将反 AI 模板设计实践沉淀为可直接安装的技能，包含 57 道针对 AI 默认审美的 slop-test 门控和预发射自我批评机制。

项目类型

AI 编程

应用场景

编程开发 · 学习教育

部署方式

查看项目说明

License

MIT

适合谁

• 希望借助 AI 提高前端开发效率，但苦于生成的界面千篇一律、缺乏商业区分度的开发者。
• 需要从现有设计或网页中提取灵感，并期望 AI 输出具备原创性和定制化主题的创作者。

核心能力

• 在生成新 UI 代码前，自动挑选宏观结构、应用预设规则集，并运行 slop-test 门控进行校验，确保最终交付的前端代码具有独特性。
• 对现有的前端代码进行评分，根据反模式（anti-patterns）规则检测其中的 AI 生成痕迹，并提供详细的修改清单（punch list），但不会直接修改代码。
• 抛弃原有结构，仅保留文案、信息架构（IA）和品牌资产，使用不同的设计指纹（fingerprint）对页面进行重建。
• 通过输入设计截图或网址，提取其宏观结构、字体配对和色彩锚点。该功能明确拒绝生成像素级克隆和付费模板的副本。
• 当目录中没有现成主题符合要求时，可根据需求从零开始设计页面，量身定制配色、字体和布局方案。
• 内置 57 道 slop-test 门控以及预发射自我批评机制，专门用于拦截和避免大语言模型常见的趋同分布默认设置。

限制与风险

• 在设计研究（Study）功能中，工具会主动拒绝生成与原设计像素级一致的克隆，也拒绝生成受版权保护的付费模板副本，因此不适合用于 1:1 的网站复刻需求。

如何开始

• 上手难度低，提供 npx 命令进行安装与配置。开发者只需在具备 Node.js 环境的系统中执行 npx skills add nutlope/hallmark 即可完成安装并开始使用。

核验依据

• README: **A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.**
• README: | *(default)* | Build new UI. Picks a macrostructure, applies the rule-set, runs the slop test before handing back. | | `hallmark audit <target>` | Score existing code against the…
• README: Each page is self-contained HTML + CSS, stamped with its macrostructure in the CSS comment.
• README: When a brief carries creative intent that no catalog theme fits, Hallmark switches to **Custom** and designs the page from scratch: a made-to-measure palette, type, and layout. Sa…
• README: ``` npx skills add nutlope/hallmark ``` Re-run any time to update. Or copy [`SKILL.md`](skills/hallmark/SKILL.md) + [`references/`](skills/hallmark/references/) into: - **Claude C…

内容核验时间：