应用搭建上手难度 ⚡ 入门#设计技能#Claude Code#Cursor#Codex#前端#落地页#反AI味#开源#MIT

Hallmark · Hallmark — 专治 AI 味设计的 Claude Code/Cursor 技能

32K Star 的反 AI 味设计技能：48 套主题 + 真浏览器 lint，一键重构/审计页面

指标同步中，请稍后刷新查看在 GitHub 查看源码

5 分钟上手

无 GPU 需求；Node 18+，浏览器检查需 Chrome + puppeteer-core

# 安装到所有项目（Node 18+）
npx skills add nutlope/hallmark -g

# 仅当前项目
npx skills add nutlope/hallmark

# 浏览器检查依赖（可选）
npm i -g puppeteer-core

# 安装后：
# Claude Code  -> /hallmark 做一个产品落地页
# Codex CLI    -> $hallmark 重构 ./src/app

项目速览

Hallmark 是 Together AI 的 Hassan（Nutlope）团队开源的「反 AI 味」设计技能，MIT 许可，面向 Claude Code、Codex、Cursor 与 OpenCode。它不生成图片，而是在编码 Agent 写页面时介入：从 48 套主题里抽 3 套，按页面任务决定结构，再用真实浏览器逐项检查那些一眼就像 AI 生成的套路——每个标题上方的小眉标、全大写字距标签、标题里单独染色的一个词、满屏空框或纯图片、首屏高度不对、每页底部都塞邮件订阅、表单点了感谢却没真正提交。

项目在 2026 年 10 月 21 日发布 v2.0.0，10 月 25 日冲上 GitHub Trending，单日新增 455 Star，累计 32.2K Star、1.7K Fork。它把检查分成 Floor（永不发布）、Reflex（默认套路，有理由可破例）与 Finish（工艺细节，不阻塞发布）三档，并由一个全新上下文的 reviewer 做最终复核。

能做什么

从 48 套主题中抽 3 套，按业务任务搭建页面，而不是套通用模板
真实浏览器 sloplint：8 种宽度渲染检查，抓对比度、焦点、减少动态、移动端布局等问题
截图真实产品：给它 URL、dev server 或 App，自动截取并用于页面
内置 755 张开放许可照片（Wikimedia Commons），逐张署名，不碰禁止 AI 选图的图库
redesign / audit：保留内容与接线重构页面，或只输出问题报告

怎么部署

一条命令安装：npx skills add nutlope/hallmark -g，需 Node 18+；浏览器检查另需 npm i -g puppeteer-core 与 Chrome，缺少时仍可跑静态检查。也可作为 Claude Code 插件安装（/plugin marketplace add nutlope/hallmark）。安装后 Claude Code 中用 /hallmark，Codex CLI 中用 $hallmark，Cursor/OpenCode 会自动发现副本。也支持 node skills/hallmark/scripts/install.mjs 从克隆安装。