Give VS Code your design taste
Connect your PocketUI library in a minute, no keys to paste. Ask for a page “in my @Dark UI style” and VS Code builds it from the colors, fonts and components you saved.
Early supporters get 30% off their first year. No spam, ever.
VS Code, connected in a minute
- 1
Add PocketUI to VS Code
Add this to your workspace, then start PocketUI from the file and sign in when VS Code asks.
- 2
Sign in and click Allow
VS Code 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 VS Code builds from what you saved in it.
{
"servers": {
"pocketui": {
"type": "http",
"url": "https://pocketui.app/api/mcp"
}
}
}Every endpoint and tool is in the MCP server reference.
What to ask VS Code
“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 VS Code
No. The MCP server is read-only. VS Code 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 VS Code 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.