拒绝 AI 生成感的设计 skill——21 主题 + 4 动词 + 57 道 slop 检测
更新于 2026-08-09
← 返回汇总两个不同 brief 出来的页面，该像两个不同的网站，不是同一模板换色
Together AI 出品的设计 skill，给 Claude Code / Cursor / Codex 用。核心差异化：强调结构多样性，不只是视觉多样性。为每个 brief 选 macrostructure（宏观结构），套 21 个主题之一，跑 57 道 slop-test 门禁 + 发射前自我批评，拒绝 LLM 训练出来的默认审美。不同 brief 生成的两个页面感觉是不同的网站，不是换色模板。适合想让 AI 生成「不像 AI 生成」的落地页/UI、或审计既有设计 AI 味的开发者。
规则集源自 anti-AI-slop 设计共识（Anthropic frontend-design skill、Claude cookbook、2026「触觉反叛」运动）。配套在线 demo usehallmark.com 展示 21 主题实例。一键安装 npx skills add nutlope/hallmark。
这是 Hallmark 与其他 anti-slop skill 的根本区分点。多数工具只换配色/字体，Hallmark 坚持宏观结构（macrostructure）必须随 brief 变化。
hero → 3 feature → CTA → footer 的固定节奏，只换配色和字体。10 个页面看起来像 10 个换皮模板。
为每个 brief 选不同的 section 节奏、标题位置、组件 voice。两个页面感觉是两个不同的网站。
| 动词 | 做什么 | 边界 |
|---|---|---|
| （默认）build | 新建 UI：选 macrostructure + 套主题 + 跑 slop-test 后交付 | greenfield 页面 |
hallmark audit | 对既有代码按反模式打分，返回排序 punch list | 只读不改 |
hallmark redesign | 保留文案+IA+品牌，用不同指纹重建视觉结构 | 现有实现边界内，除非用户确认全重建 |
hallmark study | 从欣赏的设计提取 DNA（macrostructure/字体配对/色彩锚点） | 拒绝像素克隆，拒绝付费模板 URL |
study 动词支持图片或 URL（自动路由）。URL 模式经 WebFetch 读 HTML/CSS，能命名确切字体和色值，但判不了节奏。可输出可移植的 design.md 给其他 AI 工具交接。
每份输出交付前必须通过 57 道检测门禁 + 6 轴自我批评（哲学/层级/执行/具体性/克制/多样性，任一 ≤3 分返工）。
拒绝 Inter / Arial / system 默认；强制字体配对有意图。
拒绝紫蓝渐变；色彩必须有锚点，OKLCH 优先。
拒绝 hero→3feature→CTA 套路；拒绝卡片套娃。
拒绝假 IDE chrome、假浏览器外壳、重绘 UI 骨架。
鼓励触觉质感（riso 印刷 / 手工 / 材质），反平面数字感。
每次输出验证 320/375/414/768px 四个断点。
默认从 21 个命名主题（catalog）轮换。当 brief 带创作意图（用户指定品牌色、多属性氛围、或明确要 custom），静默切换到 Custom 分支——从零搭一次性 OKLCH 配色 + 字体配对。
21 个命名主题按多样化规则轮换。vanilla brief 永远看不到 "catalog" / "custom" 字样，目录静默运行。
仅当 brief 带创作意图触发。量身定制配色/字体/布局，同样跑 57 道 slop-test，无模板兜底。
# 一键安装（npx skills） npx skills add nutlope/hallmark # 或手动复制 SKILL.md + references/ 到： # Claude Code: ~/.claude/skills/hallmark/ # Cursor: .cursor/rules/hallmark.mdc（body，无 frontmatter） # Codex: ~/.codex/skills/hallmark/ # 装好后，自然语言触发： "帮我设计一个蜂蜜农场的落地页" # → 默认 build，选主题 "hallmark audit 这个页面" # → 打分 punch list "hallmark study https://xxx.com" # → 提取设计 DNA
按 T 键循环切换主题。worked examples 见 docs/recipes.md 和 docs/study-examples.md。
| 维度 | Hallmark | Impeccable |
|---|---|---|
| 出品 | Together AI（Nutlope） | pbakaus（社区） |
| 核心主张 | 结构多样性（macrostructure 随 brief 变） | 确定性检测（59 规则零 LLM） |
| 主题系统 | 21 命名主题 + Custom 分支 | brand/product 二分叉 |
| 动词数 | 4（build/audit/redesign/study） | 23（细粒度命令） |
| 检测 | 57 slop-test + 6 轴自我批评（LLM 驱动） | 59 确定性规则 + CLI/扩展（零 LLM） |
| 独有能力 | study（从设计提取 DNA） | live 浏览器可视化迭代 |
| runtime | Claude Code / Cursor / Codex | 14+ runtime + hook 自动化 |
定位差异：Hallmark 重「结构创新 + 主题丰富」，适合要多样性的批量页面；Impeccable 重「确定性检测 + 工作流命令」，适合团队统一规范 + CI 集成。
本地构建的交互式 demo：左边选 brief 输入，中间实时预览主题指纹差异，右边跑 slop-test 检测。感受 21 主题如何让不同 brief 长出不同结构，而非换色模板。
同一 brief 切换主题，看 macrostructure + 配色 + 字体如何变化
输入 HTML，实时跑代表性反模式检测，标红违规
build / audit / redesign / study 各自工作方式可视化
Together AI 背书 + Nutlope（高影响力开发者）出品，起点高。「结构多样性」这一主张切中 anti-slop 赛道的真正痛点（多数工具只换皮）。study 动词（设计 DNA 提取）是独特能力。若 21 主题持续丰富 + Custom 分支成熟，可成为批量页面生成的设计大脑。