Nutlope/hallmark

这是什么？

核心功能

• 01生成代码前先根据需求确定页面的整体结构。
• 02提供二十一种主题，并有自定义模式应对没有合适主题的需求。
• 03输出前执行五十七项反模式检查及自我审查。
• 04可审计现有代码并输出问题清单，不做自动修改。
• 05可从截图或网址提取版式、字体搭配和配色，并生成 design.md。

适用场景

• 让 AI 编程助手构建不显得千篇一律的落地页或产品界面。
• 检查现有前端代码中常见的 AI 生成设计痕迹。
• 在保留文案和信息结构的前提下重做网站视觉。
• 把喜欢的设计整理成可交给其他 AI 工具的设计说明。

快速上手

1. 1

   使用 npx 安装该技能

   npx skills add nutlope/hallmark
2. 2

   打开你的 AI 编码工具（Claude Code、Cursor 或 Codex），让它构建界面；该技能会自动生效

使用前须知

• !它是供 AI 编码代理使用的提示规则集，因此只有在你已经使用受支持的工具时才有帮助。
• !输出质量取决于底层 AI 模型以及你提供的需求描述。

标签

常见问题

hallmark 是什么？

一款为 Claude Code、Cursor、Codex 等 AI 编程工具准备的设计技能，让生成的界面不再像 AI 随手做出来的。 Hallmark 是一个设计技能包，可接入 Claude Code、Cursor、Codex 等 AI 编程助手，帮助它们根据需求选择页面结构，套用二十一种主题之一，并在输出前用五十七项检查排除常见的通用 AI 设计套路。

hallmark 可以免费使用吗？用的什么许可证？

hallmark 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

hallmark 还在维护吗？

半年内有更新。hallmark 最近一次提交是在 2026年8月6日。

hallmark 适合用来做什么？

让 AI 编程助手构建不显得千篇一律的落地页或产品界面。 检查现有前端代码中常见的 AI 生成设计痕迹。 在保留文案和信息结构的前提下重做网站视觉。 把喜欢的设计整理成可交给其他 AI 工具的设计说明。

hallmark 怎么安装和运行？

使用 npx 安装该技能: npx skills add nutlope/hallmark 打开你的 AI 编码工具（Claude Code、Cursor 或 Codex），让它构建界面；该技能会自动生效

在哪里获取 hallmark？

源代码和安装说明在 GitHub 上：https://github.com/Nutlope/hallmark