❤️❤️❤️❤️❤️❤️ 我们已经正式推出微信小程序,在微信中搜索 TrendForge Pro 即可使用小程序,如果使用 Telegram 请搜索 trendforge_tg ❤️❤️❤️❤️❤️❤️

首页 / 专题报道 / Nutlope/hallmark
专题报道 CSS · 日榜

Hallmark:用57道反AI测试,让设计不再千篇一律

当AI生成的设计越来越像同一个模板的换色游戏,Hallmark试图用一套规则系统打破这种同质化。这个由Together AI开发的开源项目,为Claude Code、Cursor等AI编程工具注入57道“反垃圾”测试门,确保每次输出的界面都拥有独特的宏观结构和视觉指纹。今天,它在GitHub日榜上新增1277颗星,近10天增长近5000星——开发者们显然厌倦了AI生成的“塑料感”设计。

Nutlope/hallmark
2026/7/15 入选专题
查看项目详情 →
Stars8.4k
Forks436
本期新增+1.3k Stars
健康评分40 / 100
主要语言CSS

当AI生成的设计越来越像同一个模板的换色游戏,Hallmark试图用一套规则系统打破这种同质化。这个由Together AI开发的开源项目,为Claude Code、Cursor等AI编程工具注入57道“反垃圾”测试门,确保每次输出的界面都拥有独特的宏观结构和视觉指纹。今天,它在GitHub日榜上新增1277颗星,近10天增长近5000星——开发者们显然厌倦了AI生成的“塑料感”设计。

这个项目在做什么

Hallmark本质上是一套设计技能(design skill),它不生成代码,而是指导AI编程工具如何避免落入大模型训练数据中的“分布内默认值”——那些让所有AI设计看起来都差不多的常见模式。项目提供了4种操作:默认构建新UI、审计现有代码的反模式、保留内容但重构结构、以及从优秀设计中提取DNA。每种操作都经过57道“slop-test”门和输出前的自我批评,确保结果不像是AI生成的。

为何此刻被关注

今天Hallmark的爆发并非偶然。随着Claude Code、Cursor等AI编程工具普及,开发者发现AI生成的UI设计越来越同质化——同样的布局、同样的配色、同样的字体组合。Hallmark恰好击中了这个痛点:它让AI设计拥有了“指纹”。项目还提供了20个主题和自定义模式,每个主题都生成独立的HTML+CSS,而非模板的简单换色。今天新增的1277颗星,反映了开发者对AI设计多样性的迫切需求。

技术上有何不同

与V0.dev、Bolt.new等AI设计工具不同,Hallmark不提供可视化编辑器,而是通过规则文件(SKILL.md + references/)注入到AI编程工具中。它的核心创新在于“宏观结构”(macrostructure)选择:不是从固定模板中挑选,而是根据brief动态决定布局骨架。57道测试门涵盖常见的AI设计反模式,比如对称布局、居中标题、三列卡片等。项目还提供了study命令,可以从现有设计中提取DNA并生成可移植的design.md文件,供其他AI工具使用。

谁应该用它

前端开发者如果厌倦了手动调整AI生成的冗余CSS,可以用audit命令一键扫描反模式;设计师可以用study命令从灵感网站提取设计DNA;产品团队可以用redesign命令在保持品牌一致性的同时,快速迭代不同风格的页面。特别适合需要频繁产出原型但又不希望看起来“模板化”的团队。

局限与开放问题

Hallmark目前仅支持HTML+CSS输出,对React/Vue等框架的支持需要额外适配。57道测试门虽然全面,但可能过于严格,有时会拒绝合理的常规设计。此外,项目依赖Together AI的生态,独立使用门槛较高。

"Hallmark picks a macrostructure for the brief, dresses it in one of twenty themes, runs fifty-seven slop-test gates plus a pre-emit self-critique."
"Two pages by Hallmark for two different briefs feel like different sites, not colour-swaps of the same template."
"When a brief carries creative intent that no catalog theme fits, Hallmark switches to Custom and designs the page from scratch."

核心亮点

57道反AI测试门,拒绝分布内默认值
20个主题+自定义模式,每个页面独立指纹
4种操作:构建、审计、重构、提取DNA
近10天增长4937星,单日峰值1277
MIT开源,可注入Claude Code、Cursor等工具
Stars / Forks 趋势

数据来源:TrendForge 历史采集

项目截图

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
为什么上榜

Hallmark今天新增1277星,主要原因是它精准回应了AI编程工具用户对设计同质化的普遍不满。随着Cursor、Claude Code等工具的普及,开发者发现AI生成的UI越来越相似,而Hallmark提供了一套可操作的规则来打破这种模式。项目的README详细展示了20个不同主题的独立页面,视觉差异明显,直接证明了其价值。此外,Together AI的品牌背书和MIT开源许可也降低了采用门槛。

适合人群

前端开发者:用audit命令扫描AI生成的CSS反模式;UI设计师:用study命令从Dribbble/Behance提取设计DNA并转化为可复用规则;产品团队:用redesign命令在保持内容不变的前提下快速迭代不同视觉风格的页面原型。

技术洞察

Hallmark的核心技术在于其规则系统:SKILL.md定义了57道slop-test门,每道门检查一个特定的反模式(如对称布局、固定色板、居中标题等)。输出前还经过自我批评阶段,进一步剔除AI痕迹。与V0.dev的模板驱动不同,Hallmark的宏观结构是动态选择的,根据brief内容决定布局骨架。study命令能提取设计DNA并生成design.md,包括宏观结构、字体配对、色彩锚点等,但不允许像素级克隆。

局限与开放问题

Hallmark目前仅输出纯HTML+CSS,不支持React/Vue等现代框架,限制了实际项目集成。57道测试门可能过于严格,有时会拒绝合理的常规设计。项目依赖Together AI生态,独立使用需要手动配置规则文件,对非技术用户不友好。

Nutlope/hallmark
针对Claude Code、Cursor和Codex的反AI垃圾设计技巧。
8.4k Stars 436 Forks 健康评分 40 查看项目详情
助手