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.
AsecurityAlicenseBqualityProvides 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 updated414MITWhy this server?
This server focuses on 'AI-powered UI design, wireframing, component creation', which are core aspects of frontend development and design.
AsecurityFlicenseAqualityA 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 updated969Why this server?
This server specifically enables 'AI-driven frontend component design and code generation' and supports major frontend frameworks like Vue, React, and Angular.
AsecurityFlicenseBqualityEnables 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.
AsecurityAlicenseBqualityEnables 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 updated964MITWhy 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.
AsecurityFlicense-qualityEnables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.Last updated1,757147Why 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.
-securityFlicense-quality* analyze your react projects locally * consistent output w/ AST parsing + AI * create markdown docs, llm.txt for your react code at onceLast updated1557Why 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.
AsecurityAlicenseCqualityA 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 updated617823MITWhy 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.
AsecurityAlicenseAqualityAn 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 updated1915Why this server?
This server provides 'web accessibility analysis and color blindness simulation', which is an essential aspect of inclusive and high-quality frontend development.
AsecurityAlicenseBqualityProvides 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