Hallmark:为 Claude Code、Cursor 和 Codex 注入反 AI 痕迹的设计技能
决策简报
Brief- 发生了什么
- Hallmark A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated. Live demo → · twenty themes · four verbs · press T to cycle. Made by Together AI. Hallmark picks a macrostructure for the brief, dresses it in one of twenty themes, runs fifty-seven slop-test gates plus a pre-emit self-critique, and refuses the on-distribution defaults every LLM was trained into. Two pages by Hallmark for two different briefs feel like different sites, not colour-swaps of the same template. Four verbs Verb What it does (default) Build new UI. Picks a macrostructure, applies the rule-set, runs the slop test before handing back. hallmark audit <target> Score existing code against the anti-patterns. Punch list, no edits. hallmark redesign <target> Throw out the structure, keep copy + IA + brand, rebuild with a different fingerprint. hallmark study <screenshot | URL> Extract the DNA from a design you admire: macrostructure, type-pairing, colour anchor. Refuses pixel-clones and paid templates. Optionally emits a portable design.md for handoff to other AI tools. Different briefs, different shapes Each generated from a different brief. The skill picks the theme, structure, and craft to fit each one, not from a template. Bubble Sourdough app · Hum Distil Extraction API · Cobalt Cold Snap Record label · Carnival Cinder AI tool · Lumen Ferns & Fathom Tea menu · Custom Hollowback Apiary Honey farm · Garden Off-Register Print fair · Riso Press Quaternary Type studio · Custom Tally SaaS · modern-minimal Wayfare Travel · atmospheric NAJM Fashion brand Hyperlane Dev infrastructure Each page is self-contained HTML + CSS, stamped with its macrostructure in the CSS comment. Browse the full set at usehallmark.com or under site/_tests/ . Custom NEW When a brief carries creative intent that no catalog theme fits, Hallmark switches to Custom and designs the page from scratch: a made-to-measure palette, type, and layout. Same 57 slop-test gates, no template underneath. The Cascadia Nightjar Sleeper-train ticket · Custom The Mend Assembly Repair-café broadsheet · Custom It stays a quiet branch; vanilla briefs never see it. The protocol lives in custom-theme.md . Install npx skills add nutlope/hallmark Re-run any time to update. Or copy SKILL.md + references/ into: Claude Code : ~/.claude/skills/hallmark/ Cursor : .cursor/rules/hallmark.mdc (body of SKILL.md , no frontmatter) Codex : ~/.codex/skills/hallmark/ (personal) or .codex/skills/hallmark/ (project-scoped) The rule-set lives in SKILL.md and references/ . Worked examples in docs/recipes.md and docs/study-examples.md . Licence MIT. Use it, fork it, ship it.
- 为什么重要
- Claude 相关变化会影响 AI 产品团队的技术选型和发布判断。
- 影响谁
- Claude Code · Claude · Cursor
- 建议动作
- Evaluate whether this changes your stack choice
- 地区可用性
- No region-specific availability verified.
关键事实
- Hallmark 是一个设计技能(skill),能防止 AI 生成的界面看起来有 AI 痕迹,支持 Claude Code、Cursor 和 Codex。 [src-skill-radar]
- 该技能通过57道反模式检查门和自批判机制,让使用 AI 编码工具的前端开发者能产出更自然、更像人手工打造的界面。 [src-skill-radar]
Generated from event evidence.
Hallmark 是一个开源设计技能,专为 Claude Code、Cursor 和 Codex 等 AI 编程工具打造。它通过为需求选择合适的宏观结构,从20种主题中挑选一套,然后运行57道反模式检查门和预输出自批判,拒绝大模型训练出的默认分布,从而让两份不同需求生成的页面风格各异,而非简单的颜色替换。 技能提供四个动词:默认构建新 UI;audit 检查现有代码的反模式;redesign 抛弃结构但保留文案、信息架构和品牌,重新设计;study 从截图或 URL 中提取设计基因。对于没有现成主题匹配的需求,Hallmark 还能切换到 Custom 模式,从零设计页面,同样经过57道检查。 使用 Claude Code、Cursor 或 Codex 的开发者可以通过 npx skills add nutlope/hallmark 安装,或手动复制文件到对应目录。该技能以 MIT 协议开源,适合追求界面独特性和反 AI 痕迹的前端开发者。
摘要依据:已读全文详摘依据上方标注的来源范围整理,内容以原文为准。
来源
- Skill Radar(GitHub 趋势)
Trending hands-on MCP servers, agent skills, and AI-coding tools discovered from GitHub search momentum.
- GitHub:Nutlope/hallmark
留言
登入后即可留言,和其他 builder 交换实测心得。
还没有留言,抢头香。