Hallmark design skill
A Claude Code plugin by Nutlope that makes generated pages look designed: a hard floor, dealt themes and a linter.
Use it with Claude or any AI tool. Copy the prompt and paste it in. The link inside gives the AI the whole page as Markdown.
Install
/plugin marketplace add Nutlope/hallmark
Adds the marketplace. Then install the plugin from the /plugin menu.
About
Hallmark is an open-source design skill by Nutlope (MIT licence). It gives Claude a floor of rules generated pages tend to break, deals a different direction per build and checks the result with its own linter.
Listed here with credit; all work belongs to its authors. This site was redesigned with it.
How to use it
Sign in to tick steps off-
1
Add the marketplace and install
In Claude Code run the two commands below. Or, without plugins: npx skills add nutlope/hallmark -g
/plugin marketplace add nutlope/hallmark /plugin install hallmark@hallmark
Done when /hallmark:hallmark appears in Claude Code.
Uses Nutlope/hallmark
-
2
Build or redesign a page
Name it in your prompt. For an existing page, use the redesign verb.
/hallmark:hallmark redesign ./index.html
Done when The page passes sloplint with no FAIL lines.