hallmark

反 AI 模板设计技能,强制结构性多样性

Stars95.4k
Forks11.0k
主语言skill
分类SKILLS
作者nexu-io
LicenseApache-2.0

预览

详细介绍

Hallmark 是由 nexu-io 发起并持续维护的开源反 AI 模板(anti-AI-slop)设计技能,核心定位是“让 AI 生成的界面看起来像是人设计的,而非机器生成的”——它不满足于做一份通用的设计建议或零散的样式指南,而是将预发射自我批评、诚实文案、锁定令牌、结构多样性等核心原则与审计(audit)、重设计(redesign)、学习(study)三大明确动词整合于一套即插即用的技能体系中,全部配有 22 个命名主题、反模式检查清单、Slop Test 质量门禁和 Together AI 底层支持。市面大多 AI 设计辅助工具要么只关注视觉多样性(换色不换结构),要么停留在泛泛的“高级感”建议上(缺乏可执行规则)——但很少有项目能将“结构性多样性”与“反 AI 模板的硬性规则”同时做到,Hallmark 解决的正是这个问题。

一、Hallmark 是什么

Hallmark 采用“SKILL.md 技能文件 + 三大动词 + 参考文档库”三位一体的使用体验,通过 GitHub 在 nexu-io/open-design 仓库中免费开源发布。项目由 nexu-io 发起并持续维护,最新提交为 2026 年 7 月 31 日。技能定位为“用于绿字段页面、审计、重设计以及从 URL 或截图中提取设计的反 AI 模板设计技能”,当用户要求构建新应用或落地页、想要重设计某物、或使用 audit/redesign/study 时触发。

Hallmark 的运作机制与市面常见的“通用设计建议”或“单平台专属技能”有本质区别。它不是一句“帮我设计一个好看的页面”的泛泛指令,也不是只能在特定 IDE 上运行的专属工具,而是一套结构化、反模板、强制性的设计技能框架。Hallmark 的核心设计理念是“有观点、短小、故意无聊”——它编码了一套严格的设计规则,这些规则汲取自反 AI 模板设计领域的共识(impeccable、kami、Anthropic 的 frontend-design skill、taste-skill、Claude 前端美学指南以及 2026 年‘触觉反叛’运动)。Hallmark 的核心差异化价值在于:它坚持的是结构性多样性,而非仅仅是视觉多样性。Hallmark 为两个不同需求生成的页面,不应该共享相同的 hero → 3-feature → CTA → footer 节奏;它们应该感觉像不同的网站,而非同一模板的不同配色方案。

二、Hallmark 能做什么

Hallmark 的核心能力可以精炼地概括为:建、审、改、学、查,围绕这五大维度提供了从设计生成到质量保障的完整路径,覆盖 AI 辅助前端设计的全方位需求,具体包括:

默认设计生成(建) ——不是“随便选个模板”,而是“为每个需求生成结构不同的设计”。Hallmark 有一个默认行为和三个显式动词。默认行为是当用户要求设计或构建新东西时,遵循 Design Flow。默认情况下,Hallmark 会从 22 个命名主题 的目录中选择一个,并按多样化规则轮换。此外还有一个安静的自定义分支,为特定需求构建一次性的 OKLCH 调色板 + 免费字体配对——仅当需求携带创意意图信号时触发。

设计审计(审) ——不是“大概看看”,而是“逐条打分、精准定位”。hallmark audit 读取目标,对照反模式列表评分,返回一个按严重程度排序的 Punch List,但不进行编辑。Hallmark 在交付任何输出之前,强制进行预发射自我批评(Pre-emit self-critique)——在六个轴向上进行 1-5 分评分(哲学、层次、执行、具体性、克制、多样性),任何低于 3 分的项触发修订。

结构级重设计(改) ——不是“换个颜色”,而是“重建节奏和布局”。hallmark redesign [--mood] 获取目标的内容和意图,在现有实现边界内重设计视觉结构。新的节律、新的标题位置、新的组件语言——但保留现有路由、组件所有权、文案意图、品牌和信息架构。在现有项目中,Hallmark 默认进行就地编辑或新增组件/令牌,如需删除多个组件则会停下来请求确认。

设计 DNA 提取(学) ——不是“抄像素”,而是“提取设计语言”。hallmark study 接收用户粘贴或附上的设计图片或 URL,提取 DNA——宏观结构、原型、字体配对、色彩锚点——生成诊断报告,然后可选择用提取的 DNA 重建用户的内容或输出可移植的 design.md。URL 模式通过 WebFetch 读取页面的 HTML 和 CSS,能准确命名字体和精确的颜色值。它绝不复制像素,拒绝模板市场 URL。

反模式检查清单(查) ——不是“凭感觉判断”,而是“逐条验证的质量门禁”。Hallmark 内置了 Slop Test 质量门禁,涵盖反模式检查(anti-patterns.md)、诚实文案规则(不捏造指标、推荐语、logo 和案例研究数量)、锁定令牌(主题一旦选定,每个颜色和字体声明都必须引用命名变量,禁止中途即兴发挥)、禁止手绘 UI 装饰等硬性规则。

三、Hallmark 适合谁用

Hallmark 的内容设计使其适配各类希望通过结构化设计规则提升 AI 生成界面品质的开发者与设计师,核心聚焦那些“AI 生成的页面代码没毛病,但结构千篇一律——永远是 hero → 3-feature → CTA → footer”,希望从“让 AI 写 UI”升级为“让 AI 做有结构品位的设计”的人群,主要涵盖以下几类:

AI 编码代理的重度使用者——已经在用 Claude Code、Cursor、Codex 等 AI 编码代理进行日常开发,但发现 AI 生成的页面结构总是“换汤不换药”——同一个模板换了个配色。Hallmark 的结构性多样性规则从源头杜绝“模板脸”。

独立开发者与创业团队——资源有限、没有专职设计师,但希望产品在视觉和结构上不输大厂。Hallmark 的 22 个主题目录和自定义主题分支,让没有设计背景的开发者也能获得结构多样的专业设计。

产品设计师与设计工程师——希望将设计决策系统化、可重复,而非每次都从零开始。Hallmark 的 audit 和 study 动词,让设计师可以对现有设计进行系统化审计和 DNA 提取。

技术团队负责人与 Tech Lead——希望为团队的 AI 辅助开发建立统一的设计质量标准。Hallmark 的 Slop Test 和预发射自我批评机制,可作为团队 AI 代码审查中“设计质量”维度的自动化检查标准。

希望从“写样式”升级为“设计判断”的工程师——不满足于只写 CSS,希望理解“什么样的设计是好设计”、“为什么有些界面看起来高级、有些看起来廉价”。Hallmark 的反模式清单和设计原则本身就是一份浓缩的设计品味教材。

四、Hallmark 的应用场景是什么

基于其内容设计与定位,Hallmark 的应用场景主要围绕新页面设计、现有 UI 审计与重设计、设计语言提取和设计质量门禁,覆盖从个人项目到团队交付的多个场景,具体包括:

新页面与落地页设计场景——独立开发者或设计师需要快速搭建一个结构独特、不落俗套的落地页。Hallmark 的默认 Design Flow 会从 22 个主题中选择一个,并按多样化规则轮换,确保不同项目的页面不会共享相同的结构节奏。

现有 UI 审计场景——团队需要评估现有产品的设计质量。hallmark audit 会对照反模式列表对目标进行评分,返回按严重程度排序的问题清单。

现有产品 UI 重设计场景——团队有一个已上线的产品,但 UI 结构陈旧、缺乏现代感。hallmark redesign 会保留现有路由、组件所有权和品牌,只替换视觉/交互层。

设计语言提取与参考场景——设计师看到某个优秀设计,希望提取其设计 DNA 用于自己的项目。hallmark study 可以从 URL 或截图提取宏观结构、字体配对、色彩锚点等设计语言,并可选输出可移植的 design.md。

设计质量门禁场景——团队希望在设计质量问题进入主分支之前就被发现。Hallmark 的预发射自我批评(六轴评分,低于 3 分触发修订)和 Slop Test 质量门禁,让设计质量检查可以融入开发流程。

五、Hallmark 为什么值得关注

Hallmark 之所以值得关注,核心在于它将“AI 界面的设计品质从依赖运气和直觉升级为规则驱动、结构多样、可审计、可审计的工程化能力”,并具备“反 AI 模板共识集成、结构性多样性优先、三大动词工作流、Slop Test 质量门禁”的独特价值,具体体现在以下几点:

从“视觉多样性”到“结构性多样性”的设计哲学革命。大多数 AI 设计工具追求的“多样性”停留在视觉层面——换个配色、换个字体——但页面结构永远是 hero → 3-feature → CTA → footer。Hallmark 坚持的是结构性多样性:两个不同需求的页面应该有不同的节律、不同的标题位置、不同的组件语言——它们应该感觉像不同的网站,而非同一模板的不同配色方案。这种“结构优先于视觉”的设计哲学,是 Hallmark 区别于其他设计技能最核心的价值。

反 AI 模板设计共识的集大成者。Hallmark 不是从零发明一套设计规则,而是编码了反 AI 模板设计领域的集体共识——它汲取了 impeccable、kami、Anthropic 的 frontend-design skill、taste-skill、Claude 前端美学指南以及 2026 年“触觉反叛”运动的精华。这种“站在巨人肩膀上”的设计,让 Hallmark 的设计规则不是某一个人的偏好,而是经过多个独立项目和运动验证的行业共识。

三大动词 + 默认行为的完整工作流。大多数设计技能只提供一个“生成”功能。Hallmark 提供了一个默认行为 + 三个显式动词的完整工作流:audit 审计现有设计、redesign 结构级重设计、study 提取设计 DNA。用户可以根据任务的不同阶段选择不同的动词——从学习优秀设计(study)到审计现有设计(audit)到重设计(redesign)到新建(默认)——形成了一个完整的设计工作流闭环。

预发射自我批评 + Slop Test 的质量文化。大多数设计工具只负责“生成”,不负责“质量”。Hallmark 在交付任何输出之前强制进行六轴自我评分(哲学、层次、执行、具体性、克制、多样性),低于 3 分触发修订。叠加 Slop Test 中的诚实文案规则(不捏造指标、推荐语、案例数)、锁定令牌规则(禁止中途即兴发挥颜色和字体)、禁止手绘 UI 装饰等硬性规则,形成了一套“生成 → 自评 → 修订 → 验证”的完整质量闭环。

22 个主题目录 + 自定义主题分支的双轨制。Hallmark 默认从 22 个命名主题中按多样化规则选择,同时保留了一个安静的自定义分支——当需求携带创意意图信号时,构建一次性的 OKLCH 调色板 + 免费字体配对。这种“目录保障一致性 + 自定义保障独特性”的双轨设计,让 Hallmark 既不会产出千篇一律的模板,也不会因过度自由而失去设计约束。

开源 + 可扩展的参考文档体系。Hallmark 不是单薄的 SKILL.md 文件,而是配套了完整的参考文档库——structure.mdstudy.mdcustom-theme.mdslop-test.mdanti-patterns.mdresponsive.mdinteraction-and-states.md等。这种“核心技能 + 可扩展参考文档”的架构,让 Hallmark 的设计规则既有厚度又可维护。

现实挑战与生态成熟度。Hallmark 并非没有短板。首先,技能的深度高度依赖于其参考文档库的质量和覆盖面——虽然已涵盖结构、反模式、响应式、交互状态等多个维度,但某些细分领域或新兴设计趋势可能未被覆盖。