mcp
Turns any agent into a full agentic application — branded, interactive screens generated at runtime.
Install
mcp_config.json
{
"mcpServers": {
"com-branderux-mcp": {
"url": "https://mcp.branderux.com/mcp",
"type": "streamable-http"
}
}
}Documentation
BranderUX MCP
BranderUX is AI-UX infrastructure. Turn your agent into full agentic applications, websites and MCP apps — in minutes.
This is the official BranderUX MCP server. It gives an AI agent real control over BranderUX projects — brand, custom elements, screens, API keys — plus the verified reference docs it needs to integrate the SDK correctly.
Connect: https://mcp.branderux.com/mcp · Docs: https://branderux.com/mcp
claude mcp add --transport http branderux https://mcp.branderux.com/mcp
No API keys: the first tool call opens your browser for a one-click BranderUX sign-in (OAuth 2.1 + PKCE, scoped and revocable). Access is currently limited to design partners — everyone else lands on the waiting list.
Tools
Knowledge (no scopes needed — signing in is still required to reach the server):
get_started · read_doc · search_docs · get_integration_snippet
Projects (projects:*): whoami · list_projects · get_project ·
create_project · update_brand_settings · update_project_settings · delete_project
Screens (projects:write): list_screens · get_screen · put_screen ·
delete_screen — custom screens live on the project aggregate; these tools do the
read-modify-write for you.
Custom elements (elements:*): list_elements · get_element · create_element ·
publish_element_version · preview_element · delete_element — your agent writes the
TSX; the server pre-flight validates it (compile + sandbox import allowlist + export
contract) before publishing. In clients that support MCP Apps, create_element,
publish_element_version and preview_element render the element LIVE in the panel —
demo props applied, clicks showing the exact query they would send.
API keys (keys:manage): create_api_key · list_api_keys · set_key_origins ·
revoke_api_key
Playground (no project needed): generate_screen — renders a real branded,
interactive screen in the panel with demo data, powered by the same published
@brander/mcp-tools package customers install. Ask for a storefront, analytics
or order-flow screen to see actual BranderUX output before building anything.
Every destructive tool requires an explicit confirm: true.
Local development
npm install
BRANDER_API_BASE=http://localhost:8080/api/v1 npm run dev # http://localhost:3010/mcp
| Env | Default | Purpose |
|---|---|---|
BRANDER_API_BASE | http://localhost:8080/api/v1 | BranderUX API base |
MCP_RESOURCE_URL | http://localhost:3010 | Public URL of this server (OAuth resource id) |
OAUTH_ISSUER_URL | = BRANDER_API_BASE | Authorization server issuer |
The server is stateless: one MCP server instance per request, bound to the caller's
bearer. Deploy target is Vercel (api/mcp.ts + api/oauth-protected-resource.ts).
License
MIT
Sourced from the repository README.
More in Design & UX
- Stitch MCP ServerGenerates high-fidelity UI designs, screen variants, and design systems from text descriptions directly into production apps.3,400
- Design ExtractExtract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.3,367
- Impeccable UIMaster frontend design skill for crafting extraordinary, high-performance UI components, layout systems, design tokens, micro-animations, and visual polish.3,200
- Figma MCP ServerThe Figma MCP server brings Figma design context directly into your AI workflow.1,919
- Design IntentCaptures and translates product specifications into clean, implementable visual design tokens, component architecture, and design system contracts.1,840
- docs-mcpRemote MCP server for Tandem docs, install guides, SDKs, workflows, and agent setup help.117