hash-design
v0.2.0
Published
Roll true-random hashes and map them, through a fixed decision tree, onto concrete design directions — so AI-built pages stop collapsing into the same template.
Maintainers
Readme
hash-design
Library, CLI, Skill and MCP server of hash-design: roll true-random hashes; each hash is a design direction, its bytes mapped by fixed, reproducible rules onto palette, type, grid, density, anchor, motif, surface, motion, voice and twist (no style library) — so AI-built pages stop collapsing into the same template (Inter, purple gradients, centered hero with two buttons, three identical cards…).
npx -y hash-design skill install --dir . # the Skill, for Claude Code, Codex, Cursor and others
claude mcp add hash-design -- npx -y hash-design mcp # the MCP server
npx -y hash-design --help # the CLIhash-design roll --subject "Fourth Lane Bakery" --fact "Open Tue–Sun 7:00–19:00" --out design/hash-design
hash-design critique design/hash-design/previews/01-*.html --roll design/hash-design/roll.json --pick 1
hash-design compare --roll design/hash-design/roll.json
hash-design skill install
hash-design mcp # stdio MCP server, started by your agentimport { roll, renderBrief, critiquePage } from 'hash-design';
const r = roll({ count: 5, content: { subject: '第四巷面包店', facts: ['周一休息'] } });
console.log(renderBrief(r.designs[0], r.content));See the main README for the method, the MCP tools, the Skill and a live demo. Also in 简体中文 · 日本語 · 한국어 · Español. MIT.
