Nutlope/hallmark

GitHub: Nutlope/hallmark

Hallmark 是一款为 AI 编码助手打造的 UI 设计技能，旨在让大模型生成的网页摆脱模板化「AI 味」，实现有差异感的设计产出。

Stars: 6345 | Forks: 358

# Hallmark **一款专为 Claude Code、Cursor 和 Codex 设计的技能，拒绝 AI 生成感。** [在线演示 →](https://www.usehallmark.com)  ·  二十种主题  ·  四种动词  ·  按 `T` 切换。 由 Together AI 制作。

Hallmark, a design skill that refuses to look AI-generated

Hallmark 会为需求文案挑选一个宏观结构，为其披上二十种主题之一，运行五十七个劣作检测关卡以及发前自我审查，并拒绝每个 LLM 训练时所固有的分布默认值。由 Hallmark 根据两个不同需求文案生成的两个页面，感觉就像是不同的网站，而不是同一模板的换色版。 ## 四种动词 | 动词 | 作用 | | --- | --- | | *(默认)* | 构建全新 UI。挑选宏观结构，应用规则集，并在返回前运行劣作测试。 | | `hallmark audit ` | 根据反模式对现有代码进行评分。提供待办清单，不作任何修改。 | | `hallmark redesign ` | 抛弃原有结构，保留文案 + 信息架构 (IA) + 品牌，以不同的特征指纹进行重建。 | | `hallmark study ` | 从你欣赏的设计中提取 **DNA**：宏观结构、字体搭配、色彩锚点。拒绝像素级克隆和付费模板。可选择生成一份可移植的 `design.md`，以便交接给其他 AI 工具。 | ## 不同需求，不同形态 每一个都根据不同的需求文案生成。该技能会为每一个需求挑选合适的主题、结构和工艺，而不是生搬硬套模板。
Bubble guided sourdough app hero Distil content-extraction API hero Cold Snap record-label EP hero Cinder AI reasoning tool hero
Bubble
Sourdough app · Hum		 Distil
Extraction API · Cobalt		 Cold Snap
Record label · Carnival		 Cinder
AI tool · Lumen
Ferns and Fathom tea menu hero Hollowback Apiary honey farm hero Off-Register risograph print fair hero Press Quaternary type studio hero
Ferns & Fathom
Tea menu · Custom		 Hollowback Apiary
Honey farm · Garden		 Off-Register
Print fair · Riso		 Press Quaternary
Type studio · Custom
Tally SaaS product page hero Wayfare travel booking hero NAJM Moroccan fashion brand hero Hyperlane developer infrastructure hero
Tally
SaaS · modern-minimal		 Wayfare
Travel · atmospheric		 NAJM
Fashion brand		 Hyperlane
Dev infrastructure
每个页面都是独立的 HTML + CSS，并在 CSS 注释中盖上了其宏观结构的印记。可在 [usehallmark.com](https://www.usehallmark.com) 或 [`site/_tests/`](site/_tests/) 浏览完整系列。 ## 自定义 新 当需求文案带有目录主题无法满足的创意意图时，Hallmark 会切换到**自定义**模式并从零开始设计页面：量身定制的调色板、字体和布局。同样经过 57 个劣作检测关卡，底层无任何模板。
The Cascadia Nightjar sleeper-train ticket hero The Mend Assembly repair-café broadsheet hero
The Cascadia Nightjar
Sleeper-train ticket · Custom		 The Mend Assembly
Repair-café broadsheet · Custom
它始终保持为一个隐藏分支；普通的需求永远不会调用它。该协议位于 [`custom-theme.md`](skills/hallmark/references/custom-theme.md)。 ## 安装 ``` npx skills add nutlope/hallmark ``` 随时重新运行以进行更新。或者将 [`SKILL.md`](skills/hallmark/SKILL.md) 和 [`references/`](skills/hallmark/references/) 复制到： - **Claude Code**：`~/.claude/skills/hallmark/` - **Cursor**：`.cursor/rules/hallmark.mdc`（`SKILL.md` 的正文，无 frontmatter） - **Codex**：`~/.codex/skills/hallmark/`（个人）或 `.codex/skills/hallmark/`（项目级别） 规则集位于 [`SKILL.md`](skills/hallmark/SKILL.md) 和 [`references/`](skills/hallmark/references/)。实战案例位于 [`docs/recipes.md`](docs/recipes.md) 和 [`docs/study-examples.md`](docs/study-examples.md)。 ## 许可证 MIT。随意使用、分支、发布。
标签：AI编程辅助, Claude Code, Cursor, UI生成, 代码生成, 前端设计, 多模态安全, 渗透测试工具