Category: Design

Hallmark

A design skill for websites and new pages that look designed, not generated.

Works with

Powered by Together AI.*
Binds every output in every harness, none of it waivable, even when nothing else is read.
1. Never transition: all. Never animate width, height, top or left. (10a)
1. Never one italic word inside a roman heading. (38i)

A design skill for websites and new pages that look designed, not generated.

Run the command below in your terminal. Pick the agents you use (Claude Code, Codex, Cursor, Gemini CLI, Copilot, and more) and it installs into the right folder.

npx skills add https://github.com/Nutlope/hallmark --skill hallmark

To install manually, download the hallmark skill folder from the GitHub repository and copy it into your agent's skills folder, such as ~/.claude/skills/ or .cursor/skills/.
Ask your agent for a related task and the skill is used automatically.

Design
Diagram Design
Creates 45 kinds of branded diagrams, from architecture and flowcharts to ERDs and timelines, as self-contained SVG HTML.
Design
Algorithmic Art
Anthropic's official skill for generative art with p5.js and seeded randomness, such as flow fields and particle systems.
Design
Archify
Turns ideas, plans, or codebases into interactive diagram HTML with dark/light themes, motion, and image or video export.
Design
Clone Website
Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout, and interactions.