hallmark README

The project's README from github.com/Nutlope/hallmark. As one markdown file: README.md.

Hallmark

A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.

Live demo →  ·  twenty-one themes  ·  four verbs  ·  press T to cycle.

Made by Together AI.

Hallmark, a design skill that refuses to look AI-generated

Hallmark picks a macrostructure for the brief, dresses it in one of twenty-one 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 guided sourdough app hero Distil content-extraction API hero Cold Snap record-label EP hero Cinder AI reasoning tool hero
Bubble
Sourdough app · Hum
Distil
Extraction API · Cobalt
Cold Snap
Record label · Carnival
Cinder
AI tool · Lumen
Ferns and Fathom tea menu hero Hollowback Apiary honey farm hero Off-Register risograph print fair hero Press Quaternary type studio hero
Ferns & Fathom
Tea menu · Custom
Hollowback Apiary
Honey farm · Garden
Off-Register
Print fair · Riso
Press Quaternary
Type studio · Custom
Tally SaaS product page hero Wayfare travel booking hero NAJM Moroccan fashion brand hero Hyperlane developer infrastructure hero
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 hero The Mend Assembly repair-café broadsheet hero
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:

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.

hallmark (Nutlope/hallmark)

Searching Database…

30.2K ·GitHub
Что это такое?Hallmark — это навык для ИИ-агентов, пишущих код, — Claude Code, Cursor и Codex — который генерирует веб-интерфейсы так, чтобы они не выглядели сделанными ИИ. Разработка компании Together AI.
То есть это не приложение, которое я запускаю — как оно подключается к моему агенту для кодинга?Он распространяется как навык: набор правил в файле SKILL.md плюс папка references/ с правилами дизайна, которые вы копируете в папку настроек своего агента, — и дальше агент следует им всякий раз, когда строит интерфейс.
Как установить его для Claude Code, Cursor или Codex?Скопируйте SKILL.md + references/ в папку агента: ~/.claude/skills/hallmark/ (Claude Code), .cursor/rules/hallmark.mdc (Cursor) или ~/.codex/skills/hallmark/ (Codex). Чтобы обновить, просто повторите установку.
Если я запущу аудит своей существующей страницы, он перепишет мой код?Нет — 'hallmark audit' только оценивает код и выдаёт список замечаний, ничего не меняя. Для реальных правок используйте команду сборки по умолчанию или 'hallmark redesign'.
Что будет, если ни одна из 21 темы каталога не подходит под мой запрос?Hallmark переключается в режим Custom и проектирует страницу с нуля — собственную палитру, типографику и раскладку — и при этом по-прежнему прогоняет все 57 проверок на 'искусственность'. Это остаётся тихой веткой, которую обычные запросы никогда не видят.
Если я нацелю hallmark study на дизайн, который мне нравится, он его скопирует?Нет — он извлекает 'ДНК' дизайна (общую структуру, сочетание шрифтов, цветовой аккорд) и отказывается делать пиксельные клоны и копировать платные шаблоны. Он также может создать переносимый файл design.md, который можно передать другим ИИ-инструментам.
Где посмотреть реальные страницы, которые Hallmark сгенерировал, ещё до установки?Посмотрите живую демонстрацию на usehallmark.com или папку site/tests/ в репозитории — там лежат примеры страниц по самым разным запросам; готовые примеры также есть в docs/recipes.md и docs/study-examples.md.
Creator
Nutlope
Size
88.3 MB
Stars
30.2K
Updated
CommitAug 06
Age
5mo
Commits · 90 Days