A design skill for coding agents that applies macrostructures, themes, and 57 slop-test gates to produce varied UI code and avoid on-distribution AI design defaults.
Project overview
A design skill for coding agents that applies macrostructures, themes, and 57 slop-test gates to produce varied UI code and avoid on-distribution AI design defaults.
Project type
AI Coding
Use cases
Coding & Development · Learning & Education
Deployment
Refer to project documentation
License
MIT
Best for
Developers and creators who need HTML and CSS code with varied site structures for SaaS prototypes or educational purposes.
Users who want to audit existing code against anti-patterns or rebuild a site with a different fingerprint while keeping the existing copy, IA, and brand.
Key capabilities
Picks a macrostructure, applies the rule-set, runs the slop test before handing back new UI code.
Scores existing code against anti-patterns and provides a punch list without making edits.
Throws out the structure, keeps copy, IA, and brand, and rebuilds with a different fingerprint.
Extracts macrostructure, type-pairing, and colour anchor from a design screenshot or URL, refusing pixel-clones and paid templates.
Designs a page from scratch with made-to-measure palette, type, and layout when no catalog theme fits the brief.
Runs 57 slop-test gates plus a pre-emit self-critique to avoid on-distribution AI defaults.
Limitations and risks
During the study phase, the skill refuses to generate pixel-clones or output designs based on paid templates.
Getting started
Run the command 'npx skills add nutlope/hallmark' to install and set up the skill. Coding knowledge is optional for operation.
Evidence and sources
README: **A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.**
README: | *(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…
README: Each page is self-contained HTML + CSS, stamped with its macrostructure in the CSS comment.
README: 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. Sa…
README: ``` npx skills add nutlope/hallmark ``` Re-run any time to update. Or copy [`SKILL.md`](skills/hallmark/SKILL.md) + [`references/`](skills/hallmark/references/) into: - **Claude C…