Nanosaur2-670M
well9472 · Kit
Makes illustrations from text prompts with a small 670M-parameter diffusion model, run through ComfyUI. Built as a low-budget research model for people who wan…
New
Overview
Nutlope’s design skill for Claude Code, Codex, Cursor and OpenCode. It builds pages from fifty themes or a custom direction, then checks them in a browser for the habits that make AI-made pages look generated.
Hallmark design skill is an open-source project on GitHub in the Developer category, listed by Mindket. It is free. This is version 2, last updated on . Install it from GitHub as its README says. Get Mindket’s setup notes on your Mindket account, as a zip.
At a glance
- Runs in
- Claude Code: through the skills installer or as a plugin, called with /hallmark
- Codex CLI: the same installer, called with $hallmark
- Cursor and OpenCode: they find the copies the installer puts in the shared skill folders
- GitHub Copilot: the installer accepts it with --agent, though the README gives no folder or invoke steps for it
- Start with
npx skills add nutlope/hallmark -g
Platform
Claude Code
Codex
Cursor
OpenCode
GitHub Copilot
About
What it is
Hallmark is a design skill for coding agents that builds web pages which do not read as machine-made. Its README says Together AI made it, and the Claude Code plugin names Nutlope as its author. A build starts from one of fifty themes, or from your prompt alone when you ask for custom. It plans the page around what the visitor came to do, then checks it in a real browser before a reviewer with fresh context gets the last word.
- Pre-flight reads your project and asks for real material
- Three themes are dealt to fit the prompt
- The hero is built alone and reviewed cold
- The page is linted at eight widths
- A fresh subagent reviews the finished page
Who it suits
Anyone who builds web pages with an AI coding agent and keeps getting the same generic look back. Freelancers and small studios gain the most, since its themes and photo library stand in for a designer they do not have.
| Industry | Who uses it | How they use it | Example |
|---|---|---|---|
| Web design and agencies | Freelancers and small studios | Build client pages from a theme, or restyle an old page while its links, forms and handlers stay | A freelancer restyles a client’s old page, and the run fails its own check if a link or form field goes missing. |
| Cafés, shops and local services | Owners who code on weekends | Build a menu, booking or shop page planned around what the visitor came to do | A café owner builds a menu page that ends on the order button. |
| Software startups | Founders with an app to launch | Point it at the app or its dev server so the landing page shows the product itself | A founder’s landing page shows screenshots of the running app instead of empty frames. |
| Product teams with a design system | Team leads and front-end developers | Keep the house style with a design.md at the project root, or audit a page before launch | A team lead audits a launch page and gets a list of tells to fix, with no file changed. |
Skip it if a rough mockup is all you need: the cold hero review and the subagent pass cost model turns a throwaway page does not need.
Where to use it
The README names four agents, and the installer takes a fifth as a target.
- Claude Code: through the skills installer or as a plugin, called with /hallmark
- Codex CLI: the same installer, called with $hallmark
- Cursor and OpenCode: they find the copies the installer puts in the shared skill folders
- GitHub Copilot: the installer accepts it with --agent, though the README gives no folder or invoke steps for it
| Job | What you give it | What you get back |
|---|---|---|
| New page | A prompt, with real photos and numbers | A page built on a theme dealt to fit the prompt, or from your prompt alone with custom |
| Full redesign | A page or an app folder you already have | A new system and layout, with the content and the wiring kept |
| Restyle or polish | A page, plus keep the layout or polish | A new look on the same layout, or only the tells fixed |
| Audit | A page file | A report of what to fix, with no file changed |
Point it at a URL, a dev server or an app, and it captures screenshots of your real product for the page.
How to set it up
Get it saves a zip of Mindket’s setup notes in your downloads folder, with each agent’s steps from Nutlope’s README. The main route is the skills installer.
| Need | Detail |
|---|---|
| Node.js | The README asks for 18 or later, while the skills package on npm lists 22.20 or later |
| A coding agent | Claude Code, Codex CLI, Cursor, OpenCode or GitHub Copilot |
| puppeteer-core and Chrome | Optional, for the browser checks and screenshots. Without them, only the static checks run |
| TOGETHER_API_KEY | Optional, for the image step that runs through Together AI’s API |
- In a terminal, run the install line. With -g it installs for every project, and without it only into the current one.
- Pick the agents that get it when the installer asks, or name one with --agent.
- For the browser checks and screenshots, install puppeteer-core and keep Chrome on the machine.
- Type /hallmark in your agent, or $hallmark in Codex.
npx skills add nutlope/hallmark -g
npx skills add nutlope/hallmark -g --agent claude-code
npm i -g puppeteer-core
Claude Code can also take it as a plugin, added inside a session. Installed that way, it is invoked as /hallmark:hallmark.
/plugin marketplace add nutlope/hallmark /plugin install hallmark@hallmark
How to use it
Type /hallmark and your prompt, or describe a new build in plain words. Hallmark never starts on a design you already have unless you name it.
| Say | What it does |
|---|---|
| redesign | Keeps the content and the wiring, and changes the system and the layout |
| keep the layout | Restyles the page and leaves its layout where it is |
| polish | Fixes only the tells |
| custom | Drops the themes and builds from your prompt alone |
| audit | Reports what to fix and changes no file |
For a page you already have, give the mode and the path:
/hallmark redesign ./src/app /hallmark audit ./index.html
If it does not start on its own, name it in the request, as in “use hallmark to build a pricing page”. From a clone of the repository, the linter checks any page.
node skills/hallmark/scripts/sloplint.mjs <file-or-dir> --render
Example
You ask for a page for a small studio and attach two photos of the room.
/hallmark a booking page for weekend pottery classes
Hallmark first asks once for anything it lacks, such as real prices or a named quote, since it invents nothing. It deals three themes, builds the hero alone and reviews it before the rest exists. You get one self-contained HTML and CSS page that ends on the booking action, checked at eight widths and reviewed by a subagent. Its first CSS comment lists the decisions the build took.
For newcomers and experts
If you are new. Pages that AI builds tend to share one look: a small label above every heading, one colored word in the headline, an email sign-up at the end of every page. Hallmark gives your coding agent a theme and a browser check that catches those habits. Start with a one-page site for something you know well, and hand it real photos and numbers.
For experts. Three kinds of gate decide what ships.
| Gate | What it checks | Can a build overrule it? |
|---|---|---|
| Floor | Contrast, focus and reduced motion, invented facts and a broken phone layout | No, a page with a Floor failure never ships |
| Reflex | A model’s default habits | Yes, if the build records the reason |
| Finish | Small details | It only reports and never blocks |
Each theme is one file of at most 8 KB, a material rather than a layout, so two prompts in one theme give two different pages. On a redesign, sloplint --before records every link, field, handler and heading, and sloplint --kept fails the run if one went missing. The cold hero review and the subagent pass cost extra model turns.
Good to know
Most of what it does stays on your machine, with two optional steps that reach out.
- Photos: a list of 755 openly licensed pictures hosted on Wikimedia Commons, each credited on the page, under CC0, public domain, CC BY or CC BY-SA
- Stock sites: Hallmark skips those whose terms bar AI tools from picking their images
- Your machine: it reads your project’s files and takes screenshots with your local Chrome
- Files it writes: a .hallmark folder for its pre-flight notes and build log, and tokens.css and base.css beside your stylesheet
- Image step: with TOGETHER_API_KEY set, prompts go to Together AI’s API, and without the key the step is skipped
- Edit hook: the optional install-hook.mjs adds an advisory Floor check to Claude Code after each edit
- Usage data: the skills installer sends anonymous usage data unless DISABLE_TELEMETRY=1 or DO_NOT_TRACK=1 is set
- License: MIT
README and files
# Hallmark design skill: setup notes This kit holds setup notes only. Mindket wrote them. The Hallmark skill and its Claude Code plugin install from Nutlope's repository: https://github.com/Nutlope/hallmark These notes are not made or endorsed by Nutlope or Together AI. The README says Hallmark is made by Together AI. The plugin manifest names Nutlope as its author. License: MIT. The LICENSE file reads "Copyright (c) 2026 Hallmark contributors". Source: https://github.com/Nutlope/hallmark/blob/main/LICENSE The README says the photos in Hallmark's library keep their own licenses (CC0, public domain, CC BY or CC BY-SA) and that Hallmark credits each one it uses on the page. ## What installs - The hallmark skill folder: SKILL.md, its references (themes and design notes) and its Node scripts. - Per the README's install table, Claude Code gets it in `~/.claude/skills/hallmark` and Codex CLI in `~/.agents/skills/hallmark`. Cursor and OpenCode find those copies. - Nothing runs after each edit unless you add the optional edit-time hook. See setup/claude-code.md. ## What you need first - Node 18 or later, per the README. - The installer the README uses is the `skills` package on npm. Its registry entry (https://registry.npmjs.org/skills/latest) lists Node >=22.20.0 in its engines field. - For the browser checks and screenshots: puppeteer-core and Chrome, per the README. Without them, only the static checks run. The puppeteer-core registry entry (https://registry.npmjs.org/puppeteer-core/latest) lists Node >=22.12.0. ``` npm i -g puppeteer-core ``` ## Main install command ``` npx skills add nutlope/hallmark -g ``` With `-g` the skill installs for every project. Leave `-g` off to install it into the current project only. ## Per-agent notes - setup/claude-code.md - setup/codex.md - setup/cursor.md - setup/opencode.md - setup/github-copilot.md ## What the skill writes in your project SKILL.md says a build keeps a `.hallmark` folder (`preflight.json`, `log.json`) and writes `tokens.css` and `base.css` beside your stylesheet. The capture script saves screenshots to `images/screens` unless told otherwise. ## Update or remove The README does not give update or removal steps. The main command installs with the skills CLI, whose own README (https://github.com/vercel-labs/skills) lists its commands for listing, checking, updating and removing installed skills. The skill's name is hallmark. Where the copies sit depends on the agents you pick and on -g. The CLI's agent table (https://github.com/vercel-labs/skills/blob/main/docs/agents.md) gives each agent's folder. With -g, Cursor's is ~/.cursor/skills and OpenCode's is ~/.config/opencode/skills. Without -g, the copies go into the project's .claude/skills or .agents/skills folder. The help text of install.mjs says a copy made from a clone comes out with its --remove flag. ## Usage data The skills CLI README (https://github.com/vercel-labs/skills) says the CLI collects anonymous usage data, and that setting DISABLE_TELEMETRY=1 or DO_NOT_TRACK=1 turns off telemetry and security-audit requests. ## Optional: image generation The skill can make generated images through Together AI's API when a `TOGETHER_API_KEY` variable is set. Without the key it skips that step. Setting the key sends your image prompts to Together AI. Source: https://github.com/Nutlope/hallmark/blob/main/skills/hallmark/scripts/imagegen.mjs ## Sources - README, Install section: https://github.com/Nutlope/hallmark/blob/main/README.md - LICENSE: https://github.com/Nutlope/hallmark/blob/main/LICENSE - SKILL.md: https://github.com/Nutlope/hallmark/blob/main/skills/hallmark/SKILL.md - capture.mjs: https://github.com/Nutlope/hallmark/blob/main/skills/hallmark/scripts/capture.mjs
README.md 4 KB setup/claude-code.md 2 KB setup/codex.md 998 B setup/cursor.md 1 KB setup/github-copilot.md 588 B setup/opencode.md 1 KB
What’s new
Updated by Mindket to the current version of this kit.
Reviews
What people say
Posts and comments that name this project on Hacker News, Bluesky, X, Reddit, Facebook and YouTube, found by a weekly search and on Trendshift. Mindket doesn’t write or check them. Open one to read it where it was posted.
opwizardxHallmark – Anti-AI-Slop Design Skill for Claude Code, Cursor, and Codex7 points · 9 repliesDYFictional client-site handoff: Issue: form says 'Sent' but sends nothing. Fix: POST /api/contact; show success on 2xx, an error otherwise. Hallmark checks AI-built sites: audit reports issues; redesign edits files. MIT skill; coding agent needed. github.com/Nutlope/hall...3 repliescapexThe design skill that ends AI slop4 points@hydromo.bsky.socialGitHub weekly trending Top 10 (Oct 31) 1 hallmark · 2 security-audit-skill · 3 claude-seo · 4 impeccable · 5 superpowers · 6 andrej-karpathy-skills · 7 TradingAgents · 8 jakubkrehel/skills · 9 taste-skill · 10 t3code Use cases and links are on the cards. https://github.com/trending?since=weekly1 like · 2 replies@hydromo.bsky.social이번 주(10/31 기준) GitHub 트렌딩 TOP10 1 hallmark · 2 security-audit-skill · 3 claude-seo · 4 impeccable · 5 superpowers · 6 andrej-karpathy-skills · 7 TradingAgents(투자 조언 아님) · 8 jakubkrehel/skills · 9 taste-skill · 10 t3code 활용 한 줄과 링크 10개는 카드에 정리했습니다. https://github.com/trending?since=weekly1 like · 1 replyGitHub Trending📈 Today's GitHub Trending: 1. https://github.com/Nutlope/hallmark - CSS, 2235 stars today 2. https://github.com/TauricResearch/TradingAgents - Python, 1376 stars today 3. https://github.com/JetBrains/thinkrail - TypeScript, 1156 stars today 4. https://github.com/makecindy/cindy - TypeScript […]1 like · 1 replyGitHub Trending💎 Hidden Gem！ 💎 (1000+ new stars) 📦 Nutlope / hallmark ⭐ 39,950 (+2,109) 🗒 CSS Anti-AI-slop design skill for Claude Code, Cursor, and Codex.1 reply@ai-trend-to-know.bsky.socialNutlope/hallmark 💻 CSS #AIAgents #CSS #OpenSource #GitHub 🔗 trendtoknow.com/Nutlope/hall...1 likePunyapal Shahgithub.com/Nutlope/hall...@repododia.bsky.socialNutlope Hallmark: 50 temas anti-IA para seu design Nutlope Hallmark é a skill de design que impede que seus projetos tenham a cara de designs gerados por IA. Com 50 temas e auditoria de URLs, ele te ajuda a criar um visual autêntico e único para suas páginas, redesenhando e mantendo a estAI без границHallmark — скилл для ИИ-редакторов кода, который делает дизайн живым Если устал от серых макетов, которые генерирует Claude или Cursor, попробуй Hallmark. Это бесплатный навык для Claude Code, Codex, Cursor и OpenCode. 💻 Внутри 48 готовых стилей, можно... https://github.com/nutlope/hallmarkデイリーGitHubトレンド今日のGitHubトレンド Nutlope/hallmark
More from Mindket
See all from Mindketwaqf-ocr-hand-written-v1
Waqf-AI · Kit
Reads handwritten Arabic text from images and returns it as text. A fine-tuned PaddleOCR-VL model for people digitizing Arabic handwriting.
New
Wan2.2-TI2V-5B-Diffusers
Wan-AI · Kit
Makes video clips from a text prompt or an image plus text, at up to 720P and 24 frames per second, in the Diffusers format for a single consumer GPU.
New
Similar in Developer
See all in DeveloperWan2.2-S2V-14B
Wan-AI · Kit
Generates cinematic video of a character driven by an audio track, and can also lip-sync existing video. For video creators, animators and researchers with a l…
New
Wan2.2-Animate-14B
Wan-AI · Kit
Animates a character or swaps one into a video by copying a performer's movement and expressions, as one model from the Wan2.2 video family. Use only faces and…
New
d3-turbo
vllm-sr · Kit
Answers choice, yes-or-no, score, box and tracking questions about text, images or video in one call, with a probability for each answer. For people building r…
New