Nutlope/hallmark
Together AI 出的设计技能:让 Claude Code、Codex、Cursor、OpenCode 做网页时从主题库选材质、按页面用途排版,再在真实浏览器里查“AI 生成感”。
Together AI 出的设计技能:让 Claude Code、Codex、Cursor、OpenCode 做网页时从主题库选材质、按页面用途排版,再在真实浏览器里查“AI 生成感”。
星数 36931(+2244 / 24h)
**理由**
- v2 有 48 个主题,每个主题是一套材质(纸张、字体、颜色、组件),先发三个候选再建页
- sloplint 在 8 个宽度下渲染检查常见“机器味”:每个标题上的小眉标、标题里单个变色词、页尾一律放邮箱订阅、表单不提交却显示感谢等,最后由一个新上下文的子代理复审
- 检查分三级:Floor(对比度、焦点、减弱动效、编造事实、手机布局坏)不过不交付,Reflex 可有理由豁免,Finish 不阻止交付
- 支持 /hallmark redesign 重做已有页面并保留内容与接线,/hallmark audit 只出报告
**用法**
- npx skills add nutlope/hallmark -g(-g 为全局安装);需 Node 18+
- 浏览器检查和截图另需 npm i -g puppeteer-core 和 Chrome,缺了只跑静态检查
- Claude Code 里 /hallmark \<需求\>,Codex 里 $hallmark \<需求\>;也可 /plugin marketplace add nutlope/hallmark 后安装插件
**风险**
- 产出是自包含的 HTML/CSS 单页,不直接改造 React 等组件化项目的设计系统
- 配图来自 Wikimedia Commons,含 CC BY / CC BY-SA 图片,页面上的署名不能删
[打开](https://github.com/Nutlope/hallmark)