- Conduid
- Marketplace
- #frontend
MCP servers tagged frontend
117 live MCP servers tagged "frontend", ranked by trust score. Tags come from package metadata and repository topics, so this list covers servers across every category that work with frontend.
Designproof
Tell reads your rendered UI, names what makes it look AI-generated, and helps you art-direct a distinctive redesign — inside Cursor.
Claude Workspace
🧠 Production-ready Claude Code workspace — 13 skills, 8 agents, 11 slash commands & 10 hooks for React/TypeScript frontend teams. One-command install.
Rage Motion
Award-grade motion for the web, with no dependencies. 33 components — scroll reveals, text animations, page transitions, custom cursor — plus an MCP server so Claude and Cursor us…
Reactbits Claude Skill
Claude Code Skill: 135+ animated React components from ReactBits.dev — AI-powered website builder with auto-install. Claude Code 技能：135+动画组件集成，AI网站搭建模式
Vishwakarma
Design intelligence and engineering discipline for AI coding agents. 32 skills, 515 rules — every one with its mechanism stated. Computed OKLCh colour, intent-derived motion, plat…
Morya Ui
Open-source Vue 3 component library with 88 components, design tokens, light/dark themes, TypeScript, and interactive docs. 开源 Vue 3 组件库：88 个组件、设计令牌、亮暗主题、TypeScript、交互式文档。
Domray
The Missing Runtime Telemetry Bridge for AI Coding Agents. Give your AI assistants (Cursor, Claude Code, Antigravity, Windsurf) real-time vision into active browser sessions — inc…
Lookbook
Lookbook — design taste for any LLM. Open-source MCP server + packet compiler that routes a frontend brief through a curated, browser-verified design library and returns a build p…
Perform Comparison 1c Rag MCP
Benchmark performance of RAG and RLM-based MCP servers for 1C codebases using automated E2E testing to optimize AI assistant integration.
Claude Annotate
Claude Code plugin: draw and leave notes on your running localhost page, press Send, and the marks land in the session with the element, its React component and source line, and a…
Design System Extraction
Extract design tokens (colors, typography, spacing, border radius, shadows, component states, motion) from any public website by reading its real CSS. WCAG-validates every contras…
Why Ui
Runtime browser evidence for coding agents.
Browser MCP
Pagewright: give your AI agent a real browser. MCP server + Chrome extension for page snapshots, screenshots, real clicks, layout audits, CSS debugging and web scraping, in the br…
Lumina
⚡ World-Class Generative Frontend Engine, Design Linter & Automated MCP for Antigravity & Claude Code developers.
Skills Quickstarter
A collection of skills I made for AI agents and models to speed up my workflow as well as yours
Layoza
MCP server + agent skills that make Claude Code, Cursor, Codex & OpenCode design like a senior UI/UX team: site design DNA, motion that fits the brief, live Chromium QA (WCAG 2.2,…
Stitch Pro MCP
The intelligent MCP server for Google Stitch. 17 tools, auto-orchestration, React/Vue/Svelte, WCAG a11y, design systems. npm install -g stitch-pro-mcp
Get Design Done
Design-quality pipeline for AI coding agents: brief, map, plan, implement, and verify UI against your design system.
Talk To Figma Cursor
Model Context Protocol (MCP) integration between Cursor AI and Figma
Ember CLI MCP
🔥 MCP (Model Context Protocol) server for Ember.js CLI - AI-powered assistance for Ember development with Claude, ChatGPT, and other LLMs
Design Mode
Point at your UI. Tell Claude what to change. Watch it happen. Visual overlay for annotating and inspecting UI elements — Claude applies your design feedback directly to source co…
Mdvp CLI
Deterministic, explainable design-quality measurement for any live URL — CSS health, Oklab/APCA color science, Shannon entropy, AI-UI detection, and DESIGN.md compliance. Runs loc…
UIForge
Forge masterpiece UI, not AI slop — a design art-director plugin for Claude Code. Forces a deliberate choice on every design axis (type, color, space, motion), sources components…
Svg To Fonts
🎨 MCP Server that converts SVG icons into web fonts with CSS and TypeScript support. Generate icon fonts from directories of SVG files.
Componentize
截图→可复用的Tailwind组件。MCP Server，支持Claude/Cursor/Windsurf/Copilot等AI工具
Pixso Advanced MCP
Lightweight local MCP bridge for Pixso layouts, built for AI-assisted UI implementation.
Figma To AI Html
A powerful AI tool that converts Figma designs into pixel-perfect HTML/CSS code with Smart Merge and live preview capabilities.
Frontendmcp
A lightweight WebSocket relay and transport layer to run Model Context Protocol (MCP) servers in the browser and expose them to backend LLMs.
Next.js
A Next.js project with MCP using mcp-handler and @modelcontextprotocol/sdk to test multiple tools in real-time
Frontend Inspo MCP
Local MCP server that lets AI coding agents (Claude, Cursor, Kiro) discover and pull real frontend code & UI components from FreeFrontend, shadcn/ui, Magic UI, Aceternity UI, Reac…
Harness Fe
The agent that built it never leaves. A source-aware harness for every AI-built app — source-mapped build plugins, an MCP daemon, and a runtime client that let the agent keep watc…
Design Playbook
Design I/O plugin for Claude Code & coding agents — declarations + contracts that make UI generation constrained, reviewable, and recirculatable. Not a style pack; composes with u…
Reynard Tool Calling
AI agent CodeMode execution with native TypeScript tools and advanced algorithms
Story
🚀 Interactive storytelling experience showing why MCP is the future of engineering. Not docs, not marketing—an experience.
Interface MCP Agent Creator
Claude Code skills that explore web apps through Chrome MCP and generate TypeScript MCP tool servers from discovered features
Lovable Dev
Lovable is a Stockholm-based AI app builder ("vibe coding") platform that turns natural-language prompts into full-stack web applications. Founded in late 2023 by Anton Osika (CEO…
Design To Code Dev
Automate front-end development: a hands-on workshop using Figma, GitHub Copilot, and Azure AI to turn designs into code quickly and consistently.
Wex Design Ui
Open-source Vue 3 component library with 88 components, design tokens, light/dark themes, TypeScript, and interactive docs. 开源 Vue 3 组件库：88 个组件、设计令牌、亮暗主题、TypeScript、交互式文档。
React Codebase Guru
🎯 Intelligent React codebase consultant that detects design system drift and guides AI coding agents via CLI and MCP
Incident Zero Multimodal Agentic Security Platform
An end-to-end agentic pipeline that accepts code repositories, log files, screenshots, and architecture diagrams, runs specialized MCP (Model Context Protocol) security tools, cor…
Dive APP
Dive-APP is a Flutter-based mobile application that brings your own powerful AI agents to your pocket via connect your own MCP-Client.
Browser Inspector MCP
MCP server that gives AI coding tools the same CSS visibility you have in DevTools — rendered class names, full cascade, what's winning and why.
Eye Of Mordor
A Lord of the Rings-inspired command dashboard built with Ignite UI for React, and Ignite UI MCP-driven development.
Playwright React Debug MCP
MCP server for frontend debugging with Playwright
Frontgate MCP
Local-first MCP server in Go that analyzes Next.js App Router + Tailwind + shadcn/ui repositories and produces structured specs, critiques, and quality gates for AI coding agents…
Pinflow
PinFlow zeigt Coding-Agenten nicht nur deine Webseite, sondern welches laufende UI-Element zu welcher Source-Stelle, Komponente und welchem Runtime-State gehört.
Learning AI FullStack
Documenting a structured path to fullstack development with JS, Python, AI, GenAI, MCP and React.
Balanced Calendar Agent
A calendar agent that helps you balance your work life. Created using flask, typescript, react, openai api, and google calendar api. No agent frameworks.
Enterprise AI Scenario Map Skill
Generate AI scenario map reports for any company with research, use case discovery, priority ranking, and rollout plans
Design Qa Agent
Design QA Agent helps teams catch design-system drift in coded UI before it ships.