Hallmark 网页设计与审查

Hallmark 面向新网页和产品界面的设计工作，将视觉方向、主题参考、真实素材、布局和可访问性检查组织为可重复使用的工作流程。它提供多套主题及配套参考文件，并通过静态检查和可选的浏览器检查发现排版、焦点、动效与移动端布局问题。

适合产品落地页、活动页面和新网站制作，也支持用户明确要求的设计审查及重设计。浏览器检查需 Node.js、puppeteer-core 和 Chrome；可选的 Claude hook 与图像生成路径需要单独适配。代码采用 MIT，引用的照片仍遵循各自许可证。尚未完成 Tokeny 安装与运行验证。

使用准备

支持 Agent Skills 的宿主可读取技能说明。官方辅助脚本要求 Node.js 18+；可选的浏览器检查还需要 puppeteer-core 和 Chrome。使用本页安装入口可获取固定提交的完整技能包，包含设计参考、主题和脚本；只复制 SKILL.md 会丢失配套内容。

使用示例

为我的产品落地页确定一套视觉方向，先说明排版、配色和移动端布局，再生成页面并检查可访问性。

上游安装方式

如需自行从上游安装，可参考官方页面执行：

npx skills add https://github.com/Nutlope/hallmark --skill hallmark

该命令获取上游当时的内容；本页分发包固定到下述提交。

运行条件与限制

• 现有页面的审查或重设计应由用户明确指定。
• 上游 install-hook.mjs 用于配置 Claude 的持久 hook，不能直接视为 Tokeny 支持的自动钩子。技能包不会在安装时运行该脚本。
• 辅助功能涉及命令执行和外部页面内容；具体能力取决于宿主的浏览器与工具支持。
• 可选图片生成路径需要单独配置相应服务。

许可证与费用

技能代码采用 MIT，无单独技能许可费；模型调用及可选的 Together AI 图像服务按所用服务计费。照片索引中的素材分别遵循 CC0、公有领域、CC BY 或 CC BY-SA，使用时须查看素材许可与署名要求。

版本与验证状态

本页分发版本：2.0.0。版本号来自上游 SKILL.md 元数据。

固定提交：407fa689f4a276f2fd389208d271d0fef08f5058。完整目录及许可证共 187 个文件，逐文件校验上游 Git blob。

尚未在 Tokeny 中安装或运行该技能；完整包校验不代表创作、调试或审计工作流已通过实测。

来源

上游项目 · 固定版本技能目录 · SKILL.md · 上游安装说明