Nutlope hallmark
Hallmark
一种为 Claude Code、Cursor 和 Codex 设计的设计技巧,拒绝看起来像 AI 生成的内容。 在线演示 → · 二十种主题 · 四个动词 · 按 T 键切换。 由 Together AI 制作。
Hallmark 为需求简报选择一种宏观结构,用二十种主题之一进行包装,运行五十七道“Slop 测试”关卡,外加一次输出前的自我批评,并拒绝所有 LLM 被训练成的默认分布。 Hallmark 为两个不同需求生成的页面,感觉像是不同的网站,而不是同一模板的换色版本。
四个动词
| 动词 | 作用 | |------|------| | (默认) | 构建新 UI。选择宏观结构,应用规则集,在返回前运行 Slop 测试。 | | hallmark audit | 根据反模式对现有代码进行评分。输出问题清单,不修改代码。 | | hallmark redesign | 抛弃原有结构,保留文案 + 信息架构 + 品牌,用不同的指纹重建。 | | hallmark study | 从你欣赏的设计中提取 DNA:宏观结构、字体搭配、色彩锚点。拒绝像素级克隆和付费模板。可选择输出一份可移植的 design.md,用于交接给其他 AI 工具。 |
不同需求,不同形态
每个页面都根据不同的需求生成。该技巧会根据每个需求选择主题、结构和工艺,而非套用模板。
- Bubble Sourdough app · Hum Distil Extraction API · Cobalt Cold Snap Record label
- Carnival Cinder AI tool · Lumen Ferns & Fathom Tea menu · Custom Hollowback Apiary Honey farm
- Garden Off-Register Print fair · Riso Press Quaternary Type studio · Custom Tally SaaS
- modern-minimal Wayfare Travel · atmospheric NAJM Fashion brand
- Hyperlane Dev infrastructure
每个页面都是独立的 HTML + CSS,并在 CSS 注释中标记其宏观结构。 浏览完整集合请访问 usehallmark.com 或 site/_tests/。
自定义(NEW)
当需求简报包含创意意图,且没有目录主题能匹配时,Hallmark 会切换到“自定义”模式,从头设计页面:量身定制的调色板、字体和布局。同样经过 57 道 Slop 测试关卡,底层没有模板。
- The Cascadia Nightjar Sleeper-train ticket · Custom
- The Mend Assembly Repair-café broadsheet · Custom
它始终是一个安静的分支;普通需求永远不会看到它。相关协议见 custom-theme.md。
安装
npx skills add nutlope/hallmark
可随时重新运行以更新。
或者将 SKILL.md + references/ 复制到:
- Claude Code:
~/.claude/skills/hallmark/ - Cursor:
.cursor/rules/hallmark.mdc(SKILL.md正文,不含 frontmatter) - Codex:
~/.codex/skills/hallmark/(个人)或.codex/skills/hallmark/(项目范围)
规则集位于 SKILL.md 和 references/。 工作示例见 docs/recipes.md 和 docs/study-examples.md。
许可证
MIT。使用它、Fork 它、发布它。