English · 简体中文 · 日本語 · 한국어 · Español
hash-design
One prompt, five design directions, picked by true-random SHA-256 hashes instead of the model.
Stop your coding agent from shipping the same Inter-and-purple-gradient page every time. hash-design rolls five directions (or any number from 1 to 12), freezes each one as a design brief, lists them one line each, renders them side by side when you ask, and builds the one you pick. Any direction can be rebuilt from its ref.
Live examples · Mapping spec · MCP reference · Changelog
Showcase · Quick start · How it works · Reference · FAQ
Tell your agent (Claude Code, Cursor, Codex, Windsurf, VS Code Copilot…):
Install the hash-design skill for this agent: run `npx -y hash-design skill install --dir .`
and register its MCP server with `npx -y hash-design mcp`, following
https://github.com/qybaihe/hash-design#quick-start.
Showcase
Four full runs, each from its own fact sheet and a fixed seed that only makes it reproducible: the seed is the example's folder name, used once with no re-rolls. All four are hash-design/v2 runs, so every brief is exactly what its ref reproduces today (examples.test.ts checks it byte for byte). Every preview was rendered by its own sub-agent that saw only its brief and the fact sheet; all 20 score 100/100 on critique_page, with brief adherence 100. All of them are on the examples index. Each plate below is one roll: its five directions side by side.
Fourth Lane Bakery (第四巷面包店) — a neighbourhood bakery · Chinese page
Seed fourth-lane-bakery · critique_page 100 · brief adherence 100 · example folder: facts, briefs, previews and the process
Sluice — a self-hosted webhook inbox · English page
Seed sluice · critique_page 100 · brief adherence 100 · example folder: facts, briefs, previews and the process
Bridge No.2 Cycle Works (二号桥单车铺) — a bicycle repair shop · Chinese page
Seed bridge-two-bikes · critique_page 100 · brief adherence 100 · example folder: facts, briefs, previews and the process
Causeway — a one-day music festival on a tidal island · English page
Seed causeway-festival · critique_page 100 · brief adherence 100 · example folder: facts, briefs, previews and the process
What hash-design does
Ask an LLM for "a beautiful page" and it almost always collapses into the same modal aesthetic: Inter, a purple-to-blue gradient, a centered headline with two buttons, three identical feature cards, glassmorphism, emoji icons, and copy like Unlock, Seamless, Supercharge. The reason is simple: whenever the model gets to choose, it picks the most common thing in its training data.
hash-design does not ask the model to have better taste. It takes the choice away:
여기까지가 README 앞부분입니다. 나머지는 원문에서 읽을 수 있습니다. README 전문 보기 ↗
