Hallmark 开源项目
一句话简介
一个基于 CSS 的开源项目，提供精美的样式与组件方案，适合用于快速搭建具有专业视觉效果的现代 Web 界面。
标签
适用应用场景
- 快速构建产品官网与落地页
- 为 Web 应用提供统一的视觉风格
- 作为设计系统或 UI 模板的参考实现
- 二次定制开发以适配品牌风格
README 中文摘要
Hallmark 简介
Hallmark 是面向 Claude Code、Cursor、Codex 的设计技能，目标是让生成结果摆脱 AI 套版感。它会先为需求挑选一套宏观结构，再套用 21 套主题之一，接着通过 57 项反"套版"门槛与发布前的自我审视，最后拒绝所有大模型训练时习得的默认套路。同样由 Hallmark 生成的、为不同需求服务的两页，看上去应当像两个站点，而不是同一模板的换色。
四种动词
| 动词 | 行为 |
|---|---|
| 默认 | 构造新界面。挑选宏观结构、应用规则集、跑反套版门槛后再交还。 |
hallmark audit <target> |
对既有代码按反模式打分，输出整改清单但不修改。 |
hallmark redesign <target> |
抛弃结构、保留文案与信息架构与品牌，用不同指纹重建。 |
hallmark study <screenshot \| URL> |
提取设计 DNA：宏观结构、字体配对、色彩锚点。拒绝像素克隆与付费模板，可选导出 design.md 供其他 AI 工具接力。 |
不同需求，不同形态
每张案例都由不同需求驱动，技能按需求挑选主题、结构与工艺，而非套用模板。展示涵盖 Hum、Cobalt、Carnival、Lumen、Custom、Garden、Riso、Press、modern-minimal、atmospheric 等多种风格，覆盖茶饮单、唱片厂牌、SaaS、旅行预订、时尚品牌、开发者基础设施等场景。每个产物都是自包含的 HTML + CSS，并在注释中标注所采用的宏观结构。
Custom 主题
当需求具备目录主题无法承载的创意意图时，Hallmark 切换到 Custom 模式，从零设计页面：量身定制的配色、字体与版式，依旧经过 57 项反套版门槛，但底层不使用模板。该分支对常规需求不可见，协议定义见 custom-theme.md。
安装
npx skills add nutlope/hallmark
随时重跑即可更新。或手动把 SKILL.md 与 references/ 复制到：
- Claude Code：
~/.claude/skills/hallmark/ - Cursor：
.cursor/rules/hallmark.mdc（填入SKILL.md正文，去掉 frontmatter） - Codex：
~/.codex/skills/hallmark/（个人）或.codex/skills/hallmark/（项目作用域）
规则集位于 SKILL.md 与 references/，案例见 docs/recipes.md 与 docs/study-examples.md。
许可
MIT。允许使用、分叉与发布。
摘要更新于 2026-08-07 00:34:43
· 原文 6302 字符
· md5 8b65d1b9ea48…