hallmark: A design skill for Claude Code, Codex, Cursor and OpenCode that refuses to look AI-generated.
What problem it solves
AI coding assistants can generate interfaces with visual and structural patterns that feel machine-made, such as repetitive headings, empty sections, misplaced heroes, and forms that do not complete their intended action. Hallmark applies design constraints, product-aware page structures, browser-based linting, and fresh-context review to help generated interfaces look designed rather than generated.
Key features
Tiered design gates — Hallmark separates non-negotiable requirements, default model behaviors, and non-blocking craft checks so each build has a clear standard.
Source: README
Product-aware page structure — The page is built around the visitor's goal, with its primary action positioned according to the product category.
Source: README
Material-based themes — A catalog of fifty themes provides distinct combinations of paper, typography, color, surfaces, components, and texture, with three offered for a build.
Source: README, skills/hallmark/references/themes
Browser linting and review — The rendered result is checked at multiple widths and then reviewed independently, with static checks available when browser tooling is not installed.
Source: README
Redesign, audit, and real-product capture — Hallmark can rebuild an existing implementation while retaining content and wiring, report issues without changing the page, or capture screenshots from a URL, development server, or app.
Source: README
Quick start
Copied verbatim from the project's README.
npx skills add nutlope/hallmark -gWho it may suit
Inference: This may suit developers and teams using Claude Code, Codex, Cursor, or OpenCode who want stronger design guidance when building, redesigning, or auditing AI-generated interfaces.
Topics to discuss
Which design patterns should always be enforced by a hard floor, and which should remain discretionary?
How can theme materials support distinct product goals without dictating a fixed page structure?
What should an independent browser-based reviewer check that static linting cannot reliably assess?
Written by ReadmeX AI from the project's README, source and public GitHub data; it may contain mistakes.
Read the original README https://github.com/Nutlope/hallmark#readme
ReadmeX opened this community for a trending project; it is not run by the project. Maintainers can claim it from the community page.
Comments
…