Skip to content
Launch offerAll 100 styles $19 $99·Launch pricing ends Sunday
StyleMD

StyleMD for claude design

Design systems for Claude Design

Claude Design builds a design system from whatever you give it. Give it a finished one. Every StyleMD style is a DESIGN.md Claude Design can import in one step — tokens, type, components, motion and do/don't rules — plus a reference landing page to compare against.

1

Open Claude Design and start a new design system.

2

Upload the style's DESIGN.md (add preview/index.html as a reference screen if you like).

3

Ask for screens: “Design the onboarding flow.” Claude Design applies the tokens, type and components.

Start with these

Browse all 100 styles →

Pricing

Free

$0

Six complete styles to try the workflow.

  • 6 full styles, every file
  • Lite DESIGN.md for all 100
  • Try 3 styles with your brand
Get the free styles

One style

Launch offer · Launch pricing ends Sunday

$9$19

One-time, no subscription

Pick any one style, every file, forever.

  • Full DESIGN.md
  • Tailwind 4 theme.css + tokens.json
  • Reference landing page source
  • Client-use licence
Choose a style
Launch offer · Launch pricing ends Sunday

All-Access · lifetime

$19$99

One-time, no subscription

All 100 styles and every future drop. Pay once.

  • All 100 styles — 19¢ each
  • Every new style, free forever
  • One-click full library download
  • Unlimited client projects
Get All-Access — $19

One-time payment · 7-day refund before download