Hallmark：用设计规则和浏览器检查约束 AI 生成网页
一分钟看懂
Hallmark 是供 Claude Code、Codex、Cursor 和 OpenCode 使用的网页设计技能。它把主题、页面类型规则和浏览器检查组合起来，帮助 Agent 生成更一致、更可用的界面。
你可以用它做什么
- 从 48 种主题中选择视觉方向并生成页面。
- 根据落地页、仪表盘等具体任务应用对应设计规则。
- 对已有网页做设计审计和定向重构。
- 截图检查移动端布局、对比度、焦点状态和动态效果。
主要能力
项目提供主题与组件指导、页面任务模板、浏览器截图和 lint 检查，并针对色彩对比、键盘焦点、减少动态效果、移动端适配及虚构内容设置质量门槛。它也支持使用开放许可图片完成页面设计。
适合哪些人
适合依赖编程 Agent 制作前端页面的开发者、独立创作者和产品原型团队，尤其适合希望用明确规则约束视觉输出的人。
怎么开始使用
按照仓库说明把 Hallmark 安装到所用 Agent 的技能目录，然后在项目中调用其页面生成、重新设计或审计命令。首次使用可先选择一个主题，再让 Agent 对单页进行小范围改造。
使用前需要知道
设计判断仍具有主观性，自动审计也不能替代人工可用性测试。重构命令可能大幅修改现有文件，运行前应使用版本控制并复核差异；外部图片仍需确认许可。项目采用 MIT 许可证。