Hallmark is a design skill for coding-agent integrations that selects varied macrostructures, applies themes, and runs 57 slop-test gates to avoid recognizable AI-generated UI patterns. It installs via a single npx command and operates as a library within tools like Claude Code, Cursor, or Codex.
Project overview
It systematically refuses on-distribution AI design defaults during UI generation by running pre-emit self-critique and structural variation techniques rather than relying on standard prompt instructions.
Project type
AI Coding · Learning Resources
Use cases
Coding & Development · Learning & Education
Deployment
Refer to project documentation
License
MIT
Best for
Developers and creators seeking to generate SaaS prototypes or educational materials who need HTML and CSS output that avoids recognizable AI design patterns.
Users who want to extract design DNA from a screenshot or URL for study purposes while ensuring the tool refuses to produce pixel-clones or paid templates.
Key capabilities
Selects a macrostructure, applies the defined rule-set, and runs the slop test before returning new UI code.
Scores existing code against anti-patterns and generates a punch list without modifying the original files.
Discards the existing layout structure while retaining copy, information architecture, and brand assets, then rebuilds the UI using a different design fingerprint.
Extracts macrostructure, type-pairing, and color anchor from a provided screenshot or URL, while declining to generate pixel-clones or paid templates.
Builds a page from scratch with a custom palette, typography, and layout when no existing catalog theme matches the requirements.
Executes 57 slop-test gates along with a pre-emit self-critique process to prevent on-distribution AI defaults.
Limitations and risks
During the design study phase, the skill refuses to generate pixel-clones and paid templates.
GPU hardware, telemetry collection, cost dependencies, and end-to-end data boundary guarantees are not documented.
Getting started
Installation and setup are rated as easy because the project provides an npx command for a single-step process. Run 'npx skills add nutlope/hallmark' as the first success path. Coding knowledge is optional.
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…