Connect the ReUI MCP server to VS Code and build UI from the ReUI registry by chat.
VS Code connects to ReUI in one step, then you build UI from the ReUI registry by chatting with your coding agent.
Add ReUI from a terminal:
code --add-mcp '{"name":"reui","type":"http","url":"https://mcp.reui.io"}'Or create .vscode/mcp.json in your workspace:
{
"servers": {
"reui": {
"type": "http",
"url": "https://mcp.reui.io"
}
}
}The first time your agent calls a ReUI tool, a browser tab opens with a "Sign in with ReUI" prompt. Authorize it and the connection is done. If you do not have a ReUI account yet, a free one is created for you right there in the same flow, so there is nothing to set up in advance.
For headless or CI use where no browser is available, create a personal token at Account → MCP and pass it as a header on the same server entry:
{
"servers": {
"reui": {
"type": "http",
"url": "https://mcp.reui.io",
"headers": {
"Authorization": "Bearer reui_pat_your_token_here"
}
}
}
}You do not install a separate skill - it rides on the MCP from mcp.reui.io. Once ReUI is connected, your agent gets the ReUI tools and can call get_agent_skill to load the full build workflow (the reuse-first rule and the find, read the real API, install, then adapt order) as a document. If a build ever drifts off-pattern, tell it to "follow the ReUI skill" to reload that workflow.
Describe the interface you want in plain language and VS Code pulls the right ReUI components, examples, and blocks from the registry, then wires them into your project.
Use ReUI to scaffold an admin app - the app-shell with a collapsible sidebar and top bar, and a dashboard page with stat cards and a chart.Add a data-grid of orders with sorting, column filters, pagination, and row selection, wired to my /api/orders endpoint.Build a multi-step "create project" wizard with the ReUI stepper and form components, with validation on each step.Add a kanban board for support tickets with drag and drop, grouped by status, and a filters bar above it.Free items (the 17 components and every c-* example) install with no license. To let VS Code install premium blocks, icons, and templates too, grab a Pro or Ultimate license - one license unlocks the whole premium registry and removes the daily MCP request limit. Then add your key to the project - two quick steps:
Copy your key from Account → Licenses into .env.local at the project root:
REUI_LICENSE_KEY=your-license-key-here{
"registries": {
"@reui": {
"url": "https://reui.io/r/{style}/{name}.json",
"headers": {
"Authorization": "Bearer ${REUI_LICENSE_KEY}"
}
}
}
}That is it - VS Code can now install any premium item the MCP returns, and free items keep working through the same config. See License Setup for the full guide, or compare plans on the Pricing page.
Almost every hiccup is a stale sign-in - the fix is to reconnect and authorize again.
reui, then restart VS Code.reui to sign in again.reui and retry your last prompt.Free covers components and examples at 100 requests/day; a Pro or Ultimate license unlocks premium blocks, icons, and unlimited requests.