Best Chakra UI MCP Servers
Chakra UI is a simple, modular and accessible component library that gives developers the building blocks they need to create web applications with React
Why this server?
Enables searching, retrieving details, and comparing Chakra UI components via MCP tools.
FlicenseAquality-maintenanceMCP server enabling AI agents to search, retrieve details, and compare UI components from 13 popular UI libraries.3Why this server?
Allows generating Chakra UI components from design prompts.
Alicense-qualityFmaintenanceEnables AI assistants to generate UI components and web interfaces from natural language descriptions using the Magic Patterns API.94MITWhy this server?
Analyzes Chakra UI websites, detects UI issues, and generates fix instructions with CSS selectors and property changes.
Alicense-qualityDmaintenanceAnalyzes website UIs using Playwright and provides precise CSS/HTML fix instructions for AI coding assistants like GitHub Copilot and Cursor.4MITWhy this server?
Provides access to component information, usage guidelines, and code generation for the accessible and customizable Chakra UI library.
Alicense-qualityCmaintenanceProvides component information, usage guidelines, and code generation for AWS Cloudscape Design System in React, with search and pattern library capabilities.199MITWhy this server?
Provides access to Chakra UI's official documentation and component APIs, allowing agents to search and retrieve real component details.
Alicense-qualityCmaintenanceMCP server for design decisions during a build, providing live UI/animation library docs (via llms.txt) and a curated knowledge base of UX laws and UI conventions. It enables agents to look up real component APIs and apply design best practices, running locally via stdio or hosted on Vercel.11MITWhy this server?
Powers the modern web interface with a React-based UI component library for document management and querying
Flicense-qualityFmaintenanceA document knowledge base system that enables users to upload PDFs and query them semantically through a web interface or via the Model Context Protocol, allowing integration with AI tools like Cursor.42