Search iThub

Search tools, categories and collections. Type at least two characters.

Explore all tools
↑ ↓ to explore resultsEnter to open · Esc to close
H

Hallmark

A design skill for coding agents that builds and audits web pages against explicit design rules.

Visit website Save

Hallmark extends coding agents with themed or custom web design, browser-based checks, and redesign workflows that check whether existing content and interactions are preserved.

Pricing
Open source
Deployment
Self-hosted
49,562stars2,628forks
2views
Updated

What is Hallmark?

Hallmark is a design skill for Claude Code, Codex, Cursor and OpenCode that refuses to look AI-generated. It is made by Together AI. It builds web pages around what the visitor came to do and checks the result against a set of explicit design rules.

The catalog has fifty themes, each a material with its own components and texture. Before building, a pre-flight step reads the project's fonts, palette, framework and any locked design.md. A sloplint script then renders the page at eight widths, and a subagent reviews it with fresh eyes. Each page is self-contained HTML and CSS.

Rules come in tiers. The Floor never ships: contrast, focus, reduced motion, invented facts and a broken phone layout. Hallmark can also use your real product by capturing screenshots from a URL, a dev server or an app, draw on 755 openly licensed photos credited on the page, and redesign or audit existing pages.

Key capabilities

  • Fifty themes to build pages from
  • Page builds shaped by the visitor's goal
  • A browser-rendered lint at eight widths plus a fresh-context review
  • Floor rules for contrast, focus, reduced motion, invented facts and phone layout
  • Screenshots captured from your own product
  • Redesign and audit commands for existing pages
Advertisements

Where Hallmark fits

  • Theme-based page design A catalog of fifty themes, each a material with its own components and texture.
  • Pre-flight project reading Reads fonts, palette, framework and any locked design.md, then asks once for photos, screenshots and real numbers instead of inventing them.
  • Automated design linting The sloplint script checks the rendered page at eight widths before a subagent reviews it with fresh eyes.
  • Tiered quality gates The Floor never ships and covers contrast, focus, reduced motion, invented facts and a broken phone layout.
  • Pages built from the job A booking page books, a shop sells and a newsletter subscribes, so the main action sits where the category puts it.
  • Real-product screenshots Point it at a URL, a dev server or an app and it captures the screenshots itself.
  • Openly licensed photos 755 photographs picked per subject and credited on the page.
  • Redesign and audit Redesign rebuilds a page while keeping its content and wiring, and audit only reports findings.

Install

npx skills add nutlope/hallmark -g

Reviews of Hallmark

No reviews yet

Be the first to share your experience with Hallmark.

Loading review form…

Alternatives to Hallmark

Compare Hallmark with these tools →