React Design Systems MCP
Verified · npm:@agentienceMCP server by agentience · updated · ★ 9 · 15 downloads a week
Model Context Protocol (MCP) server that provides comprehensive information about design systems created for React, currently focusing on AWS Cloudscape Design System React Design Systems MCP is published by npm:@agentience from its verified domain in the official MCP Registry.
Last commit 497 days ago
MIT: permissive, fine for commercial use
Clear description, published package or server URL, original repository
Not checked yet. What we check
Install React Design Systems MCP
Built from the published package, never by AIclaude mcp add react-design-systems-mcp -- npx -y @agentience/react-design-systems-mcpRun in your terminal. Add --scope user to use it in every project.
Step-by-step: install React Design Systems MCP in Claude Code
{
"mcpServers": {
"react-design-systems-mcp": {
"command": "npx",
"args": [
"-y",
"@agentience/react-design-systems-mcp"
]
}
}
}Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.
Step-by-step: install React Design Systems MCP in Claude Desktop
{
"mcpServers": {
"react-design-systems-mcp": {
"command": "npx",
"args": [
"-y",
"@agentience/react-design-systems-mcp"
]
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).
{
"servers": {
"react-design-systems-mcp": {
"command": "npx",
"args": [
"-y",
"@agentience/react-design-systems-mcp"
]
}
}
}Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".
codex mcp add react-design-systems-mcp -- npx -y @agentience/react-design-systems-mcp{
"mcpServers": {
"react-design-systems-mcp": {
"command": "npx",
"args": [
"-y",
"@agentience/react-design-systems-mcp"
]
}
}
}Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).
Step-by-step: install React Design Systems MCP in Antigravity CLI
gemini mcp add react-design-systems-mcp npx -y @agentience/react-design-systems-mcpGemini CLI was replaced by Antigravity CLI in June 2026 and remains only for enterprise licences and paid API keys.
Step-by-step: install React Design Systems MCP in Gemini CLI
MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the react-design-systems-mcp block.
Alternatives to React Design Systems MCP
All alternatives →Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
Run the open-source Pascal 3D editor, local projects, and MCP agent tools from your terminal
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Make 3D games in Unity Engine with AI. MCP Server + Plugin for Unity Editor and Unity games.
Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing
React Design Systems MCP: common questions
How do I install React Design Systems MCP?
In Claude Code run claude mcp add react-design-systems-mcp -- npx -y @agentience/react-design-systems-mcp. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.
Is React Design Systems MCP the official server?
React Design Systems MCP is published by npm:@agentience from its verified domain in the official MCP Registry.
Is React Design Systems MCP free?
The code is published under the MIT licence. The service it connects to may have its own pricing.
Is React Design Systems MCP safe to use?
It scores 39 of 100. Grades: maintenance F, licence A, quality C. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to React Design Systems MCP?
Similar MCP servers: GitDiagram, draw.io, Pascal App CLI, Figma-Context-MCP.
Does React Design Systems MCP work with ChatGPT?
Not directly. It runs locally, and ChatGPT only connects to remote servers with a URL. Use it in Claude Code, Claude Desktop, Cursor, VS Code or Codex.
