hallmark
A design skill for new websites and pages, from the Hallmark project, meant to stop pages from looking machine-made.
What the skill teaches
A design skill for new websites and pages, from the Hallmark project, meant to stop pages from looking machine-made. It sets sixteen fixed rules, such as colours and fonts from declared tokens, no invented metrics, testimonials or logos, no purple-to-blue gradients or cards inside cards, a hero that fits a 1280 by 800 screen and reduced-motion fallbacks. A script deals a random visual theme from a library so repeated builds differ, and each screen gets one memorable idea. The agent reads the project's brand material first, asks one round of questions, picks a page structure and theme, builds the hero first, and runs the bundled sloplint checker until clean. Redesign and audit modes run only when the user names Hallmark.
Capabilities
- Design a new web page from fixed rules and a dealt theme
- Lint generated pages for common machine-made patterns
- Redesign or audit a page on request
- Capture screenshots of a live product
About
- Publisher
- nutlope
- Tool
- Frontend design
Works with
Install
- Run this to add it to Any client:
npx skills add nutlope/hallmark -g
What's inside
- LICENSE
- agents/openai.yaml
- references/anatomy.md
- references/brand-truth.md
- references/comp.md
- references/craft.md
- references/dark-mode.md
- references/data-viz.md
- references/design-md.md
- references/direction.md
- references/export-formats.md
- references/flow.md
- references/fonts.md
- references/gates.md
- references/genres/atmospheric.md
- references/genres/editorial.md
- references/genres/modern-minimal.md
- references/genres/playful.md
- references/imagery.md
- references/interaction-and-states.md
- references/layout.md
- references/macrostructures.md
- references/macrostructures/01-bento-grid.md
- references/macrostructures/02-long-document.md
- references/macrostructures/03-marquee-hero.md
MCP servers and skills can run code on your computer and act on your data. Review the source before installing.
This skill includes scripts that your agent may run.
Details
| Fact | Value | Source |
|---|---|---|
| Type | Skill | |
| Tool | Frontend design | |
| Publisher | nutlope | source |
| Official status | Not stated in its documentation | |
| Needs an API key or sign-in | Not stated in its documentation | |
| Includes scripts | Yes | source |
| Platforms | Not stated in its documentation | |
| AI clients | Claude Code, Cursor, Codex | source |
| Licence | MIT | source |
| Pricing | Not stated in its documentation | |
| Activity | Last commit Nov 11, 202653,024 GitHub starsDownload data not available (not on npm or PyPI) | source |
| Links | Repository Website |
Also listed under: Frontend design
Sources
- GitHub repositorygithub.com/nutlope/hallmark · Backs: AI clients, Licence, Publisher, ActivityNov 11, 2026
- Skill file (SKILL.md)github.com/nutlope/hallmark · Backs: Includes scriptsNov 15, 2026
- Skill file (SKILL.md)github.com/Nutlope/hallmarkNov 10, 2026
- Folder in the repository (hallmark)github.com/Nutlope/hallmark · Backs: Includes scriptsNov 10, 2026