hallmark: Trace-free webpages generated by AI, with 48 themes

Nutlope/hallmark

·2026.10.23 09:29

A design skill that integrates with AI coding assistants such as Claude Code, Cursor, and Codex to remove mechanical design elements known as 'AI slop'. It detects and fixes common design mistakes made by AI, such as eyebrow text above headers, tracked uppercase labels, and empty frames, by rendering them in an actual browser.

1 / 8

It suggests three out of 48 material-based themes and places core actions according to the page's purpose (e.g., booking, sales, subscription). It selects from 755 open-license photos by topic and inserts them with credits, and directly captures screenshots of user-specified URLs or development servers to generate designs that match the actual product.

When redesigning existing pages, it can change only the layout while preserving content and logic, or perform a design audit only. It verifies that links, fields, and handlers are not missing before and after the redesign, and the final output is generated as self-contained HTML and CSS files.

Released under the MIT license and available in environments with Node 18 or higher. It is suitable for developers who want to quickly prototype using AI but ensure professional design quality when the results look too mechanical.

GitHub
GitHub repository

Nutlope/hallmark

Anti-AI-slop design skill for Claude Code, Cursor, and Codex.

CSS

This introduction was generated automatically by AI. Check the original for the author's claims and context. Copyright belongs to the original author.

Our guide explains how the AI works. Report errors, attribution issues, or removal requests via Contact.