Give Claude your design taste
Connect your PocketUI library in a minute, no keys to paste. Ask for a page “in my @Dark UI style” and Claude builds it from the colors, fonts and components you saved.
Early supporters get 30% off their first year. No spam, ever.
Claude, connected in a minute
- 1
Add PocketUI to Claude
In Claude, open Settings → Connectors → Add custom connector, paste this URL and click Connect.
- 2
Sign in and click Allow
Claude opens PocketUI. Sign in, check what it can see, and click Allow. Nothing to copy, no keys to paste.
- 3
Ask in your own words
Mention a folder with @, like @Dark UI, and Claude builds from what you saved in it.
https://pocketui.app/api/mcpEvery endpoint and tool is in the MCP server reference.
What to ask Claude
“Build a pricing page in my @Dark UI style”
“Use the colors and fonts from my @Pricing folder”
“Rebuild the hero I saved from linear.app in our design system”
PocketUI and Claude
No. The MCP server is read-only. Claude can read your folders and saves and use them while it builds, but it cannot add, edit or delete anything.
Your folders and what is in them: colors, fonts, components with their HTML and CSS, screenshots, SVGs and bookmarks, plus a design summary of each folder.
Any plan, Free included. Free is 50 saves in total; Pro and Studio make the library unlimited.
Click Disconnect next to Claude in Profile → AI. Its access ends straight away.
Yes. For scripts or tools set up by hand, create a personal token in Profile → AI and send it as a Bearer token. Every setup is in the MCP server docs.
Stop recreating designs you've already seen
Join now and get 30% off your first year as an early supporter.
A quick confirmation now, then one email on launch day.