Hallmark 使用指南
mindmap
root((Hallmark))
是什么
反 AI 味的设计技能
让 AI 生成的网页像人做的
Together AI 出品 · MIT 开源
给谁用
Claude Code
Cursor
Codex
核心功能 · 四个动词
默认 · 新建设计
预检扫描现有项目
设计三问 · 受众/用途/基调
先预览后写码
audit · 体检
给旧代码查 AI 味
只出清单不改代码
redesign · 重构
留文案和品牌
推翻视觉重做
study · 提取 DNA
从截图或 URL 学设计
拒绝像素级抄袭
凭什么不像 AI
21 种页面结构
20 个主题 · 4 流派
58 道俗套检测门
六维交付自评
关键机制
log.json 强制每次不重样
tokens.css 设计系统可移植
design.md 锁定整站风格
怎么用
npx skills add nutlope/hallmark
项目地址:https://github.com/Nutlope/hallmark 在线演示:https://www.usehallmark.com 许可证:MIT
一、这是什么
Hallmark 是一个面向 AI 编程助手(Claude Code、Cursor、Codex)的设计技能(Skill),由 Together AI 出品。它解决的问题很具体:大模型生成的网页 UI 总有股"一眼 AI"的味道——居中大标题、紫蓝渐变、三列等宽卡片、Inter 字体……Hallmark 用一套强制规则把这些"默认审美"全部禁掉。
它的核心理念是结构多样性优先于视觉多样性:两个不同需求(brief)生成的页面,不应该只是同一模板换了配色,而应该像两个真正不同的网站。为此它内置了:
- 21 种宏观结构(macrostructure)——页面的整体骨架,如 Bento Grid、Long Document、Manifesto、Marquee Hero、Stat-Led 等
- 20 个命名主题(theme)——分属四个流派(genre),外加一个"自定义主题"隐藏分支
- 50 个组件原型——9 种 Hero、14 种导航、8 种页脚、5 种节标题等
- 58 道"防俗套检测门"(slop test)+ 交付前六维自评——任何一项不达标就打回重做