Frontend & UI
Hallmark
Anti-slop design flow with 58 gates and forced structural variety.
What it is
A design skill for AI coding assistants with one default build flow and three verbs: audit, redesign, and study. It pushes for structural variety so two builds don’t share one page rhythm.
Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark
Why it matters for design
- Diversification rules force different macrostructures, navs, and footers across consecutive builds.
- Locked tokens ban inline hex or font-family values that bypass the token block.
- Every emit is verified at 320, 375, 414, and 768 pixel widths.
What it covers
- How to use this skill
- Disciplines that hold across every verb
- When the brief is a component, not a page
- Design flow (default)
- Hallmark study
- Output contract and scope
How to install
Hallmark
-
Clone the repo.
git clone https://github.com/Nutlope/hallmark -
Point Codex at the skill file.
skills/hallmark/SKILL.md -
Then describe the UI you want. Codex follows the skill.
How to run it with Codex
-
Let the pre-flight scan read existing fonts, palette, and motion libraries first.
-
Answer the audience, use case, and tone gate, or say go ahead.
-
Run hallmark audit on a page for a ranked punch list without edits.
Every plugin here is free, open source, and links to its real upstream source.
More on the codex-design list ↗More Codex design plugins
Frontend & UI What it does gpt-taste Builds award-style landing pages with GSAP scroll motion and gapless bento grids. 
Design Systems What it does Stitch Design Taste Writes a DESIGN.md that steers Google Stitch toward non-generic screens. 
Frontend & UI What it does image-to-code Generates design images first, analyzes them, then builds matching frontend code. 
Frontend & UI What it does imagegen-frontend-mobile Generates premium mobile app screen flows as images, not code. Next step
Design with Open Design, without the setup
Install this plugin yourself, or run a whole curated design layer around Codex with Open Design. Bring your own key, own your output.