"Understanding Frontend and Backend Development" matching MCP servers:

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.

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.

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.

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.

Provides AI-powered tools for UX/UI review, web component generation, and code refactoring using Google Gemini.

Enables AI assistants to search, download, and generate visual content using Freepik APIs, including icon search, image generation, and resource management.

Enables driving Inkscape headlessly from an MCP client, with verified SVG editing, rendering, optimization, and animation tools.

Enables an MCP-capable AI client to drive a locally installed, licensed Autodesk Inventor through its COM API for local modeling tasks. It supports creating and updating a rectangular plate and a parametric quickchanger concept assembly, opening and inspecting parts and assemblies, and returning viewport previews.

Local MCP server inside 8 Autodesk apps (Revit, AutoCAD, Civil 3D, Advance Steel, Navisworks, Inventor, 3ds Max, Robot; 2023–2027): 480+ read/write actions, one-click setup for Claude, ChatGPT/Codex and Cursor. Commercial, free 14-day trial. Formerly HMK Pilot.

Enables high-craft web design and engineering through OKLCH color systems, fluid typography, Three.js 3D scenes, frontend security audits, multi-viewport capture, and Python-backed design verification.

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 editable Excalidraw diagrams from natural language system descriptions, with properly bound arrows and labels. Includes tools for diagram creation, validation, and backend status.

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.

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

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.

Orchestrates full-stack frontend engineering—from intent discovery and design genome generation to automated multi-viewport QA—through JSON-RPC tools for AI agents.

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 AI coding assistants to directly access Lanhu design drafts, generate frontend code, parse PRDs, and download design assets.

28 tools for 3D and AR development — code generation, validation, model search (Sketchfab), and complete API reference. Android (Compose + Filament), iOS (SwiftUI + RealityKit), Web (Kotlin/JS + Filament.js). The only MCP server for 3D mobile development.

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

Enables integration of Gluestack components with Claude Desktop and Cursor IDE for UI development.

Enables AI coding tools to search, inspect, recommend, and export SVG icons from svgicons.com for use in design systems, frontend projects, and AI-assisted workflows.

Enables AI agents and software to create, edit, inspect, validate, and export CAD geometry through MCP using backend-neutral typed operations, with FreeCAD/OpenCascade as the authoritative B-rep backend and JSCAD preview.

An MCP server that enables AI assistants to interact with FreeCAD for 3D modeling, macro development, and debugging through 150+ tools supporting multiple connection modes.

Enables conversion of Figma designs into frontend code (React, Vue, HTML, etc.) with high fidelity, including design tokens, assets, and responsive layout. Integrates with AI editors via MCP for a seamless design-to-code workflow.

Enables AI coding assistants to inspect frontend projects, search a curated design and motion recipe catalog, prepare and preview structured design plans, apply changes with backups and rollback, capture previews, audit UI accessibility and performance, and monitor activity via a web dashboard.