Code on a screen with a dark theme

别再让 AI 把落地页做成紫粉渐变模板:Hallmark 这枚反 slop 设计 skill 值得装

大模型写前端越写越像同一个 SaaS 模板——紫粉渐变 hero、Inter 扛全场、三列圆角卡、全居中。Hallmark 把「别做成 AI 味」工程化成 57 道闸门 + 20 套主题 + 四动词工作流,装进 Claude Code / Cursor / Codex 里管住 AI 的审美均值回归。

每次让 Claude Code / Cursor 帮写落地页,吐出来的东西都长一张脸:紫到蓝的渐变 hero、Inter 字体从头用到尾、三张圆角特征卡、全居中、底部 Learn more →。第十次看见就知道是 AI 写的,第一百次你的用户也看出来了。

这不是某个模型笨,是 LLM 都在同源 SaaS 页上训出来的「审美均值回归」。Hallmark(Nutlope/hallmark,Together AI 赞助,MIT 协议)干的事是把「别做成 AI 味」从审美口号变成可执行的 skill。

装起来就一行:

npx skills add nutlope/hallmark

装完它往 Claude Code / Cursor / Codex 里塞一份 SKILL.md + references/,管四条动词:

  • build(默认):选宏观结构 → 套 20 套命名主题之一(Linen / Terminal / Brutal / Salon…)→ 跑 57 道 slop-test → 六轴自评低于 3 分打回重做 → 出 HTML+CSS[cita:12]
  • audit hallmark audit ./index.html:对照反模式库打分,只列 punch list 不改码
  • redesign hallmark redesign ./index.html:文案/IA/品牌不动,把视觉骨头拆了重搭
  • study hallmark study :拆参考站的结构/字体/色锚,出可移植 design.md,拒像素克隆

最戳我的是它卡结构多样性而不是换色板——连续做页面会避开最近 3 次的宏观结构,所以五个客户落地页是真五种骨架。当然它也不是银弹:20 主题本身还是主题库、不替你出图、不适合做 dashboard/应用 UI。但做营销页/作品集/小站起稿,把它当 AI 的「设计总监」塞进编辑器,比事后一条条修「AI 味」省事得多。

在线把玩:https://www.usehallmark.com