# AI use cases for Hallmark (Nutlope/hallmark) Repo: [Nutlope/hallmark](https://github.com/Nutlope/hallmark) | Use cases: 3 | Page: https://dedupedai.com/use-cases/nutlope-hallmark/ Hallmark is a design skill from Together AI for Claude Code, Codex, Cursor and OpenCode that builds pages that do not look AI-generated. It deals three themes from a catalog of forty-eight, builds the page around what the visitor came to do, lints the result in a real browser against common machine-made tells, and can redesign or audit an existing page by name. This file holds every use case of this repo. Each one starts with a "## " heading and ends with its URL. - Build a landing page that doesn't look AI-generated: https://dedupedai.com/use-cases/nutlope-hallmark/build-a-landing-page-that-does-not-look-ai-made/ - Audit any page for AI design tells: https://dedupedai.com/use-cases/nutlope-hallmark/audit-a-page-for-ai-design-tells/ - Redesign a page without breaking its links and forms: https://dedupedai.com/use-cases/nutlope-hallmark/redesign-a-page-and-keep-its-wiring/ ## How to build a landing page that doesn't look AI-generated with Hallmark Repo: [Nutlope/hallmark](https://github.com/Nutlope/hallmark) | Difficulty: Beginner | Time: 30 minutes | Basis: From the README Install the skill and let your agent build a page from one of forty-eight themes, linted against AI tells. **Who it is for:** A founder asking Claude Code for a landing page who keeps getting the same gradient hero and email box. **The problem:** Agent-built pages fall into the same reflexes: eyebrows above every heading, one coloured word, a sign-up at the end of every page. **The outcome:** A self-contained HTML and CSS page built around the visitor's job, checked at eight widths and reviewed with fresh eyes. ### Steps 1. Run `npx skills add nutlope/hallmark -g` to install it for every project 2. In Claude Code type /hallmark or simply describe a new build; in Codex use $Hallmark 3. Answer the pre-flight questions and give it real material: photos, screenshots and real numbers, since nothing is invented 4. Pick one of the three themes it deals, or say custom to design from your prompt alone 5. Install the browser checks with `npm i -g puppeteer-core` and Chrome so it can lint the page at eight widths ### Prompt to paste into your agent ```text Use Nutlope/hallmark to build a landing page for whose main action is . Ask me for real screenshots and numbers instead of inventing any, deal three themes and let me pick, and show me the sloplint results before you finish. ``` ### Caveat Without puppeteer-core and Chrome only the static checks run, so the eight-width render check is skipped. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/nutlope-hallmark/build-a-landing-page-that-does-not-look-ai-made/ ## How to audit any page for AI design tells with Hallmark Repo: [Nutlope/hallmark](https://github.com/Nutlope/hallmark) | Difficulty: Beginner | Time: 10 minutes | Basis: From the README Run a Hallmark audit to get a report on the tells that make a page read as machine-made, without changing it. **Who it is for:** A designer reviewing a site a coding agent shipped who wants a checklist of what looks generic. **The problem:** It is hard to name exactly why a page feels AI-made, so fixes stay vague. **The outcome:** A report sorted into Floor problems that block shipping, Reflex defaults and Finish details. ### Steps 1. Install the skill with `npx skills add nutlope/hallmark -g` 2. Run `/hallmark audit ./index.html` on the page; audit only reports 3. Read the tiers: Floor (contrast, focus, reduced motion, invented facts, broken phone layout) never ships, Reflex gates are model defaults, Finish is craft detail 4. To lint without your agent, run sloplint.mjs from skills/hallmark/scripts with --render ### Prompt to paste into your agent ```text Use Nutlope/hallmark to audit with /hallmark audit. Do not change any files. Give me the Floor problems first, then the Reflex tells, each with the exact element it refers to. ``` ### Caveat An audit is a report against Hallmark's own rules; a Reflex gate can be overruled on the record when a build has a reason. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/nutlope-hallmark/audit-a-page-for-ai-design-tells/ ## How to redesign a page without breaking its links and forms with Hallmark Repo: [Nutlope/hallmark](https://github.com/Nutlope/hallmark) | Difficulty: Intermediate | Time: 45 minutes | Basis: From the README Rebuild an existing page's look while Hallmark checks that every link, field and handler survived. **Who it is for:** A developer whose app looks dated but who cannot risk losing a form handler or a link in a redesign. **The problem:** Agent redesigns often drop a field, a handler or a heading along the way. **The outcome:** A side-by-side before and after with the same content and wiring, and a failed check if anything went missing. ### Steps 1. Install the skill with `npx skills add nutlope/hallmark -g` 2. Run `/hallmark redesign ./src/app` on the folder you want rebuilt 3. Say keep the layout for a restyle only, or polish to fix only the tells 4. Let sloplint --before record every link, field, handler and heading first; sloplint --kept fails the redesign if one is missing 5. Review the side-by-side before and after handoff ### Prompt to paste into your agent ```text Use Nutlope/hallmark to redesign with /hallmark redesign, keeping all content and wiring. Run the before and kept checks and show me the side-by-side, plus any link, field or handler the kept check flagged. ``` ### Caveat Hallmark never redesigns an existing design unless you name it, so you must invoke redesign explicitly. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/nutlope-hallmark/redesign-a-page-and-keep-its-wiring/