Prototypes that refuse to look AI‑generated.
Type /prototype in Claude Code. It asks how the thing should feel, reads real design files, and builds a clickable HTML prototype you can share. No build step.
install, then type /prototype in Claude Code
git clone https://github.com/kurenn/claude-prototype ~/.claude/skills/prototype
- Asks before it builds: tone, feel, audience and scope, then one design direction for your yes.
- Reads 84 real design files and takes their free fonts and design DNA, never the brand.
- Critiques itself: 37 lint rules and a six-axis self-review on every screen.
- Ships a control bar to re-skin, comment on and share every screen.
- Plain HTML, Tailwind CDN and vanilla JS. Nothing to build.
why it looks like this
type · Manrope, one family in weights only. Cal.com's DESIGN.md names it as the free stand-in for Cal Sans.
palette · Mint is Mintlify's, Linen is Oura's, Void is Resend's. Flip Theme below: that's the demo.
accent · spent once, on Copy: the one thing to do here.
bar · shows only what this page can change. The design-file pages carry the full bar.