Why this server?
This server directly provides 'professional UI/UX design expertise and frontend development tools', making it highly relevant to the user's search.
AlicenseBqualityCmaintenanceProvides professional UI/UX design expertise and frontend development tools for analyzing interfaces, generating design systems, and creating modern components with accessibility and best practices built-in. Supports React, Vue, Angular and other frameworks with seamless Claude Code CLI integration.Last updated415MITWhy this server?
This server focuses on 'AI-powered UI design, wireframing, component creation', which are core aspects of frontend development and design.
FlicenseAqualityCmaintenanceA design orchestrator that brings Superdesign capabilities to Claude Code as native tools, enabling AI-powered UI design, wireframing, component creation, and logo/icon generation without requiring Anthropic API keys.Last updated970Why this server?
This server specifically enables 'AI-driven frontend component design and code generation' and supports major frontend frameworks like Vue, React, and Angular.
FlicenseBqualityCmaintenanceEnables AI-driven frontend component design and code generation from natural language requirements. Supports Vue, React, and Angular with intelligent component decomposition, API design, and complete project generation.Last updated43Why this server?
This server is designed for 'AI-powered generation, customization, and documentation of its-just-ui React components', directly addressing component-based frontend development.
AlicenseBqualityBmaintenanceEnables AI-powered generation, customization, and documentation of its-just-ui React components. Provides tools for component generation, theme management, form creation, responsive layouts, and accessibility guidance.Last updated934MITWhy this server?
Figma is a widely used UI/UX design tool, and this server allows AI to 'interact with Figma for reading designs and modifying them programmatically', crucial for design-to-code workflows in frontend.
Alicense-qualityCmaintenanceEnables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.Last updated902148MITWhy this server?
This server helps 'analyze your react projects locally' and create documentation, which is highly relevant for developers working with the React frontend framework.
Alicense-qualityDmaintenance* analyze your react projects locally * consistent output w/ AST parsing + AI * create markdown docs, llm.txt for your react code at onceLast updated357ISCWhy this server?
This server helps developers to 'create beautiful, modern UI components through natural language descriptions' using the popular Shadcn UI library, a key frontend tool.
AlicenseCqualityCmaintenanceA Model Control Protocol server that allows users to discover, install, and manage Shadcn UI components and blocks through natural language interactions in compatible AI tools.Last updated620324MITWhy this server?
This server is specifically designed to 'review UI edit requests by comparing before and after screenshots', indicating direct relevance to frontend quality assurance and iteration.
AlicenseAqualityCmaintenanceAn MCP server that reviews UI edit requests by comparing before and after screenshots, providing visual feedback on whether changes satisfy the user's requirements.Last updated1915GPL 2.0Why this server?
This server provides 'web accessibility analysis and color blindness simulation', which is an essential aspect of inclusive and high-quality frontend development.
AlicenseBqualityCmaintenanceProvides web accessibility analysis and color blindness simulation using axe-core and Puppeteer, enabling detailed accessibility checks and visual simulations based on WCAG guidelines.Last updated24MIT