来源可核验
公开 GitHub 仓库
本站内容对应原作者公开仓库；Stars、Forks 与活跃时间来自可追溯的仓库快照，安装前请回到原仓库核对最新说明。
查看原仓库 ↗先判断是否适合你
快速了解这个资源
解决什么问题
面向网页设计的 Agent Skill，通过主题、版式和工艺规则减少千篇一律的 AI 生成视觉效果。
适合谁
设计师
核心能力
代码质量、Web 开发、可视化
包含内容
一套可复用、可按需加载的 AI 工作方法
资源类型说明
这是一个 Skill
一套可复用、可按需加载的 AI 工作方法。三种资源解决的问题不同，选择时以你的目标为准。
- Skill
把一套可复用的任务方法交给 AI 按需执行。
- MCP
让 AI 安全连接外部工具、数据和服务。
- Plugin
为 AI 工具增加打包的功能、工作流或界面。
选择你正在使用的工具
快速安装
优先显示原项目提供的内容；没有统一命令时，只复制一条简短提示词交给当前 AI 工具。
Codex 提示词
简短提示词发送给 Codex，让内置 Skill Installer 从 GitHub 检查并安装。
$skill-installer https://github.com/Nutlope/hallmark详细介绍
由社区根据原仓库资料整理，完整信息与最新变化请以原仓库为准。
Hallmark
本页依据 Hallmark 原仓库 整理；设计规则与安装方法以原仓库为准。
它解决什么问题
Hallmark 是面向网页设计的 Agent Skill，通过主题、字体、版式和视觉工艺规则，减少 AI 页面常见的模板化和千篇一律感。
核心能力
- 在实现前建立明确的视觉方向
- 指导字体、色彩、层次和间距选择
- 约束容易出现的通用 AI 视觉套路
- 帮助生成更有辨识度的网页界面
适合谁
适合设计师、前端开发者，以及希望快速获得更成熟视觉方向的产品团队。
使用前要知道
设计规则不能替代品牌研究、真实内容和用户测试。结果仍需检查可访问性、响应式表现和产品一致性。
上游明确提供的接入方式
上游 README 分别给出 Claude Code 与 Codex 的 Skill 目录和安装说明。