Apps built with AI tend to look alike: the same gradients, the same cards, the same buttons. Meta just open-sourced the design system it grew over eight years and uses in more than 13,000 of its own apps, and it was built so AI helpers like Claude can use it the right way.
Here's what you get, how to hand it to Claude, and a prompt to re-skin something you already built.
What's inside
- 150+ ready-made, accessible pieces: buttons, menus, forms, tables, dialogs and page layouts.
- Seven ready themes (neutral, butter, chocolate, matcha, stone, gothic, y2k) plus dark mode, all customizable.
- Ready-to-ship templates and patterns for common pages like tables, detail pages and step-by-step forms.
- A command-line tool with the docs for every piece, so Claude looks up the right way to use each one.
- Free and open source (MIT), past 26,000 GitHub stars.
Free, for your email
Get the full setup steps + the copy-paste setup prompt
The rest of this guide (4 more sections, 1 copy-paste prompt) opens right here. The setup prompt, one paste into Claude that sets it all up, comes by email only. Use your real address.
Unlocks: Set it up by pasting the link into Claude · The prompt: re-skin what you already have · The catch · Sources
50,000+ follow where these guides come from. No spam, reply “unsubscribe” any time.
