Design specs that AI
actually understands.
Pick your page type, style, colors, and layout — get a pixel-perfect spec that Bolt, Cursor, and Lovable can build exactly as you envisioned.
Vague prompts get vague results
AI coding tools are powerful — but they can't read your mind. Without precise design specs, you get generic output and endless revision cycles.
Design to production in 3 steps
No Figma. No design skills. No vague prompts.
Choose, Don't Guess
10 page types, 18 design styles, custom colors, fonts, radius, shadows, animations. Smart defaults recommend the best options for your page.
See It Before You Build
Live React preview updates as you customize. AI Preview (Pro) generates a pixel-accurate site using Claude — see exactly what you'll get.
Prompt That Works
Not a vague description — a complete design spec with CSS tokens, component rules, spacing, and accessibility. Paste into Bolt, Cursor, or Lovable.
18 research-backed design styles
Each style maps to specific industries. Choose what fits your brand.
10 page types, pixel-accurate specs
Each page type has its own section structure, component rules, and layout patterns — tailored for its industry.
126 curated color palettes
7 palettes per style, WCAG contrast validated. Or create your own with the custom palette builder.
3 output formats
Every format gives AI tools the exact specs to build pixel-perfect sites.
AI Prompt
Complete design spec with CSS tokens, component rules, and accessibility. Paste into Bolt, Cursor, or Lovable.
VD.md
Design specification file. Drop into your project root — AI coding tools auto-detect and follow it.
Claude Skill
Downloadable skill package for Claude Code. Run a single command to generate matching sites.
Everything AI needs to build it right
Not a vague brief — a complete design specification. Colors, typography, spacing, components, interactions — every detail your AI tool needs.
Complete Design Tokens
Colors, typography, spacing, radius, shadows, motion — all as CSS custom properties. Your AI tool gets exact values, not guesses.
Page-Specific Specs
Each of 10 page types has pixel-accurate section descriptions. E-commerce product cards, SaaS pricing tables, blog article grids — all detailed.
Style That Adapts
18 design styles, each with curated palettes. Choose radius, shadow depth, button style, hover effects — everything morphs together.
Output That Works
AI Prompt, VD.md, or Skill file — your choice. Every format gives AI tools the exact specs to build pixel-perfect sites.
Frequently asked questions
Stay in the loop
New styles and features are coming. Leave your email and we will let you know.
Stop writing vague prompts.
Generate specs that AI actually understands. Ship beautiful sites in minutes, not hours.