CodeRocket UI MCP
The CodeRocket MCP server gives an agent a saved library's design rules, components and blocks over a read-only connection.
- 248 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The server reads the library with a token and sends requests to CodeRocket Studio; keep the token out of the repository.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add mcp/coderocket-uiDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The server reads the library with a token and sends requests to CodeRocket Studio; keep the token out of the repository.
This is third-party code. Review the repository files before installing.
What it does
CodeRocket UI, an open-source React and Vue component library, ships the `@coderocketapp/mcp` MCP server for agents. The server is read-only: it returns a saved library's design system, integration rules, component list, component search and the source files of a chosen component with dependencies. React libraries return React code, Vue libraries return native Vue single-file components. The `@coderocketapp/cli` CLI can be added too: `init`, `list`, `add` and `sync` bring editable component source into an application and keep local changes on update. Libraries are created and saved in the Studio at ui.coderocket.app.
Who it is for. Frontend developers on React or Vue who maintain their own design system and want an agent to build interfaces by its rules.
Good fit when
- An agent builds a screen and must reuse the library's ready components.
- New components are written to match the project's tokens.
- A suitable block is found by description through component search.
- Component source in the app is updated with the `sync` command.
Not a fit when
- There is no library in Studio: the server needs a saved library and a token.
- Svelte or SolidJS is required: the README lists them as planned without dates.
- Node.js cannot be upgraded to version 24.
Example request
Build a login form from my CodeRocket library's components and follow its token rules.MCP
- Transport
- stdio
- Authentication
- API key
Environment variables
`CODEROCKET_LIBRARY`required- Saved library ID from the Studio Connect dialog.
`CODEROCKET_TOKEN`required, secret- Read-only connection token for one library; valid for 90 days.
`CODEROCKET_SERVER`- Origin of a different Studio deployment; defaults to `https://ui.coderocket.app`.
Limitations
Node.js 24 or newer, a Studio account, a saved library and a connection token are required. A token gives read access to one library, expires after 90 days and is revoked in the Connect dialog. Keep it out of the repository. The catalogue is experimental in early access: check accessibility and behavior in your own app. The React and Vue packages remain source workspaces and are not published to npm. For a different Studio deployment set `CODEROCKET_SERVER`; the default is `https://ui.coderocket.app`.
How to disable. Remove the `coderocket` entry from the client's MCP configuration and revoke the connection token in the Studio Connect dialog. Component source installed by the CLI stays in your app.
FAQ
How do I connect the MCP server?
Add a server to the MCP client with the command `npx` and arguments `-y` and `@coderocketapp/mcp@latest`, then pass `CODEROCKET_LIBRARY` and `CODEROCKET_TOKEN`. Restart the server after changing the configuration.
Which tools are available?
Among them `get_design_system`, `get_design_rules`, `list_components`, `search_components` and `get_component`.
Is an AI provider key needed?
No. The CLI and MCP work without an AI provider key.
Can I go without an account?
The MIT-licensed component source is available without an account. The MCP server needs an account and a saved library.
How do I install the CLI?
Set `CODEROCKET_LIBRARY` and `CODEROCKET_TOKEN`, then run `npx @coderocketapp/cli@latest init` in the app directory. The `sync` command keeps local changes.
Discussion
No questions or reviews yet.
Related
MCP serversMCP server of a React component library for agent interfaces: the agent finds a component and adds it to your project
Chakra UI MCP server: a reference for components, props and theme tokens, plus code review for moving from version 2 to 3
Shadcn UI MCP Server
Shadcn UI v4 MCP Server
An MCP server that gives the agent shadcn/ui component source, demos and blocks for React, Svelte, Vue and React Native
A design-system MCP server and linter: the agent reads tokens and rules before generating UI, and a check returns violations
An MCP server and skill for interfaces: 31 design systems for shadcn/ui, UI and UX principles and accessibility review for agent-written code
ReactUse MCP: React hooks reference
ReactUse MCP
ReactUse MCP server: the agent finds the right React hook and reads its description, example and API table straight from the library
README in short
The open part includes components, blocks, the design-system model, the CLI and MCP. Studio, accounts, the database and AI provider integration remain private.