$ timeahead.in
/ servers/npm/@chakra-ui/react-mcp
npm

@chakra-ui/react-mcp

The official MCP server for Chakra UI

40k stars2k/wkupdated 0d agogithub ↗
90excellent
▣ Overview

What it does

The official MCP server for Chakra UI enables AI integration with Chakra UI projects. It leverages filesystem read and write access alongside network capabilities to interact with your codebase and potentially fetch Chakra UI documentation or specifications. Rather than exposing individual callable tools, the server provides direct file system and resource access, allowing Claude to work with your Chakra UI components within your project context.

Who it's for

Frontend developers and teams using Chakra UI who want AI assistance with component development. This applies to developers building design systems, maintaining large component libraries, or working on projects where Chakra UI components form the primary UI foundation and rapid iteration on component code is valuable.

Common use cases

  • Reviewing Chakra UI component implementations against library conventions
  • Generating new components based on project requirements or specifications
  • Refactoring existing components to follow Chakra patterns or accessibility standards
  • Integrating Chakra UI patterns into application code
  • Accessing Chakra documentation and API information during development

Setup pitfalls

  • README excerpt focuses on the Chakra UI library itself; MCP server-specific setup details may require reviewing the official project repository
  • Requires filesystem write access to your project directory—review all file modifications before committing changes
  • Network access needed to fetch external resources like documentation
  • Risk class is high due to filesystem modification capabilities; only use in trusted projects where you're comfortable with AI-assisted code changes
▣ Score BreakdownMCPScore = Σ(raw × weight)
DimensionRawWeighted
Security
35%
100
35.0
Freshness
25%
100
25.0
Adoption
20%
81
16.1
Quality
10%
90
9.0
Trust
10%
50
5.0
Total
90.1
⚿ Capabilities & Risk Explainer
fs readfs writenetworkexecevalsecrets
◆ Risk level: high
fs read + fs write + network + exec + eval + secrets active — can execute code, access credentials, and make external network calls.
⚙ Install config
Claude Desktop · Cursor · Windsurf · VS Code (Copilot) · Claude Code
add to your MCP client config:
{
  "mcpServers": {
    "chakra-uireact": {
      "command": "npx",
      "args": [
        "-y",
        "@chakra-ui/react-mcp"
      ]
    }
  }
}
📈 Score historylast 33 snapshots
4/30/20266/11/2026 · 33 snapshots
⚙ Maintenance health
64/ 100 · is this project alive?
contributors (1y)65
top contributor share63%
releases (1y)89
last release1d ago
median issue response6.1d
ci⚠ failing
⛁ Raw data
weekly downloads2k
github stars40k
forks4k
open issues15
license✓ present
readme length6818 chars
last publish0d ago
last commit0d ago
last updated1d ago
install verified✓ pass · 28d ago
owner of this server? claim your listing to get a verified badgeclaim →
🔔 Score drop alerts
get notified by email when this server's score drops 5+ points