01
It starts by itself
you request a page. Runs in Claude Code session.
- ↻ you request a page
user asks to design, build or redesign a page
Nutlope · 66K installsHallmark skill
Runs by itself, every time you ask for a page.
Each new page looks different from your last ones.
Install the Hallmark skill and make it a habit: follow https://gethabit.dev/skills/nutlope/hallmark.md
- 1Copy
- 2Paste into Claude Code, Codex or Cursor
- 3It runs by itself
66K installs31K starsMIT licenceSource on GitHub ↗
Hallmark
by Nutlope · 66K installs
The skill
Designs web pages that do not look like every other AI page.
Only when you ask.
Better design
Each new page looks different from your last ones. A site that looks made, not copied.
↻ Runs by itselfevery time you ask for a page
How the habit works.
You don't have to.
When does it start? How does it check its work? What does it remember?
One run, step by step.
Then it stops.
Stops after one page or component per run and at most two fix passes after the slop test.
- 01
Pre-flight scan
Read design.md, fonts, palette, motion libraries, spacing and framework, and cache them in .hallmark/preflight.json.
- 02
Ask three things
Ask you once for audience, use case and tone, or infer them and say so if you wave it through.
- 03
Pick structure
Read .hallmark/log.json and choose a macrostructure, nav, footer and theme that differ from recent builds.
- 04
Preview
Show the short preview block of picks before writing any code.
- 05
Build
Write the page with locked tokens, all eight states, tokens.css and the stamp, without clobbering the global stylesheet.
- 06
Slop test
Run the slop test and the six-axis self-critique, fix any failure, and update the preview.
- 07
Log
Add the build to the front of .hallmark/log.json, keeping the last 20 entries.
What it may do.
Nothing more.
It writes only in its own folder and asks you before anything goes out.
- Writes only insrc/**, tokens.css, .hallmark/**
- Talks tono outside service
- Sendsnothing
- Your OKIt asks you before anything goes out.
Is it for you?
Use it when it fits.
Read both lists. If the left one sounds like you, the Hallmark skill helps.
Use it when
- ✓ You build a new landing page or app
- ✓ You want to audit or redesign a page
- ✓ You want to study a design you admire
Skip it when
- – The project has a fixed design you must copy exactly
- – You only need a quick unstyled prototype
Hallmark skill, answered.
Will it delete my old pages?
No. Deletions need your explicit yes, and it names the files it will touch first.
Does it invent numbers or testimonials?
No. Missing metrics get a labelled placeholder.
Can it just review a page?
Yes. hallmark audit <target> returns a ranked punch list and edits nothing.
How do I install the Hallmark skill?
Copy the prompt at the top into your agent. It installs the skill from Nutlope/hallmark and sets up the habit. Or run npx skills add Nutlope/hallmark --skill hallmark.
Is the Hallmark skill free?
Yes. It is published under MIT. Habit is free too.
Hallmark. Now as a habit.
Install the Hallmark skill and make it a habit: follow https://gethabit.dev/skills/nutlope/hallmark.md
All Nutlope skills →More design skills →
Works in
- Claude Code
- Codex
- Cursor
- ChatGPT
- Claude app
Made by Nutlope, published under MIT. Habit links to the original and never changes it. Is this your skill?