"Resources for Frontend Coding" matching MCP servers:

Provides 8 MCP tools for frontend design: load design system, generate components, scaffold pages, review consistency, extract tokens, check WCAG 2.2 AA, test responsiveness, and export to Figma.

Enables AI coding agents to search public design-system catalogs and retrieve only the relevant tokens or sections for a chosen brand, so generated UI matches a specified visual style instead of generic AI output.

Enables evidence-grounded web design analysis by searching GDWEB references and generating isolated, per-reference DESIGN_INDEX specification documents for LLM-driven frontend development.

Generates randomized English Markdown frontend design directions using curated catalogs, with optional soft compatibility scoring. Does not call an LLM.

MCP server with 12 tools for design, UX, conversion, and product knowledge from Frontend Masters courses by Paul Boag and Sarah Drasner, enabling audits, accessibility checks, layout recommendations, and more.

Provides AI assistants with frontend development tools including component scaffolding, bundle analysis, accessibility checks, and responsive design guidance. Enables automated generation of React components with tests and stories, bundle optimization recommendations, and WCAG compliance fixes.

Enables frontend developers to read Moonvy design files, extract page lists, layer trees, node styles, design tokens, and download assets such as cutouts and snapshots for precise frontend implementation.

An MCP server that provides AI assistants read-only access to Looba, a community platform for UI snippets and design inspiration, enabling snippet discovery and integration into frontend projects.

Reverse-engineers design videos and images into structured frontend implementation specifications using vision LLMs and FFMPEG for frame-level analysis.

Converts Figma designs into production-ready React components with design token extraction, widget registry integration, and micro-frontend module generation.

Converts Figma designs into structured code context with token-aware styling, enabling AI agents to generate production-level frontend code.

An MCP server that provides access to Google Gemini models via Vertex AI, enabling text generation, multi-turn chat, image/video generation, and frontend design through Claude Code.

Enables Large Language Models to access and manipulate Autodesk Revit models through a pyRevit-based bridge and the Model Context Protocol.

Transforms design inputs (URLs, screenshots, descriptions) into production-ready React components following G2's Elevate 2.0 design system, providing both an MCP server for Claude Code and a web interface.

Fetches Lanhu UI design specs and assets with minimal tokens, enabling coding agents to implement high-fidelity UI by providing precise coordinates, styles, and downloaded resources.

Enables Codex to interact with and control FreeCAD 1.1.x locally through typed MCP tools, including health checks and an optional Python execution escape hatch for direct document manipulation.

Enables AI assistants to retrieve Figma data and access D-ZERO frontend coding guidelines through CLINE integration.

Enables AI assistants to directly control and interact with the Unreal Editor through natural language, allowing tasks such as spawning actors, building levels, creating materials, and running Python scripts.

MCP server for Majico.xyz that enables coding agents to read (and limited write) brand guidelines, design tokens, studio canvas, and export manifests.

Provides design systems, UI prompts, and layout variation guidance to AI coding tools for generating better user interfaces.