hallmark: a Claude Code skill by Hassan El Mghari
For founders and designers starting a new site who want a dealt theme and a lint pass against stock AI looks. Skip it for small edits to a design that exists.
- Score
- 78of 100
- Rank
- #74of 239
- Installs
- 102Kon skills.sh
- Security
- Mixed 3 scanners
- Updated
- 2026
- Context
- ~65tokens always
Install
npx skills add https://github.com/nutlope/hallmark --skill hallmark Run it in your terminal. View the source
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does hallmark do?
hallmark is a Claude skill that builds new web pages against a fixed floor of sixteen rules, such as tokens for every color and font, no tracked capital labels, no invented metrics or testimonials, and a hero that fits 1280 by 800. Claude reads the project, asks once about material, audience, the page's one action and tone, then uses a theme.mjs script to deal three themes and draw a page shape. It posts a Picks block of its choices, scaffolds tokens.css and base.css, and builds the hero first. A sloplint.mjs script renders and checks the page until no FAIL remains. Redesign and audit modes run only when you name Hallmark.
When should you use hallmark?
Use it when
- Starting a fresh landing page or one-pager
- Consecutive AI builds keep looking alike
- You can supply real screenshots, photos or numbers
Skip it when
- You want one tweak to a page that already exists
- You are building a dashboard inside an existing design system
What it needs and what it can touch
You need
- Node.js for the bundled theme, capture and lint scripts
- A Together AI API key for the optional comp step
What it can do
- Runs shell commands and bundled Node scripts
- Writes CSS, page files and a .hallmark log in your project
- Can run your app or open its URL to take screenshots
- Sends data to an outside service (Together AI) when its key is set
From reading its instructions, not from running it.
Why it scores 78
Strongest on upkeep (100 of 100), weakest on trust (60).
Is hallmark safe to install?
At least one scanner raised a medium warning. Read the results below. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Medium risk | Nov 10, 2026 |
| Socket | Passed | Nov 11, 2026 |
| Snyk | Low risk | Nov 10, 2026 |
Details
- Installs
- 101,767
- Repository stars
- 53,329
- Last repository change
- Tokens always loaded
- about 65
- Tokens when used
- about 4,441
- License
- MIT
- Data confidence
- High
Did it do the job for you?
Alternatives to hallmark
All skills for this job-
Get design-taste-frontenddesign-taste-frontend
For people building landing pages or app screens who want a chosen art direction, checked in a real browser.
-
Get frontend-designfrontend-design
For anyone asking Claude to build a page or screen whose look should be chosen for the subject.
-
Get AI Design SkillsAI Design Skills
For people building a landing page or Figma file who want fixed design rules and conversion structure.
-
Get frontend-ui-engineeringfrontend-ui-engineering
For developers building React-style interfaces who want accessible, responsive components without the stock AI look.