- Conduid
- Marketplace
- #frontend
MCP servers tagged frontend
98 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.
Agentskills
Specification and documentation for Agent Skills
UI
UI over MCP. Create next-gen UI experiences with the protocol and SDK!
Githubdaily
坚持分享 GitHub 上高质量、有趣实用的开源技术教程、开发者工具、编程网站、技术资讯。A list cool, interesting projects of GitHub.
Yu AI Agent
编程导航 AI 开发实战新项目，基于 Spring Boot 3 + Java 21 + Spring AI 构建 AI 恋爱大师应用和 ReAct 模式自主规划智能体YuManus，覆盖 AI 大模型接入、Spring AI 核心特性、Prompt 工程和优化、RAG 检索增强、向量数据库、Tool Calling 工具调用、MCP 模型上下文协议、AI…
Compute Kit
Web workers.. but better!
React Devtools Cdt
Browser library that registers React inspection and profiling tools with chrome-devtools-mcp
Packageflow
A visual DevOps hub for npm scripts, Git, workflows, and deploy — controllable by AI via MCP.
mcp
An open-source framework that prevents AI agents from breaking your codebase.
Saas Boilerplate
SaaS Boilerplate - Open Source and free SaaS stack that lets you build SaaS products faster in React, Django and AWS. Focus on essential business logic instead of coding repeatabl…
Dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Front End Checklist
🗂 The essential checklist for modern web development, for humans and AI agents
Frontagent
Frontend AI coding agent platform with CLI, VS Code extension, desktop app, MCP server, RAG planning, Skills, SDD guardrails, browser automation, and LoRA planner models | 面向前端工程的…
Yu AI Agent
编程导航 2025 年 AI 开发实战新项目，基于 Spring Boot 3 + Java 21 + Spring AI 构建 AI 恋爱大师应用和 ReAct 模式自主规划智能体YuManus，覆盖 AI 大模型接入、Spring AI 核心特性、Prompt 工程和优化、RAG 检索增强、向量数据库、Tool Calling 工具调用、MCP 模型上…
Reactuse
115+ production-ready React Hooks for sensors, UI, state & browser APIs. Tree-shakable, SSR-safe, TypeScript-first. Used by Shopee, PDD & Ctrip. Inspired by VueUse.
Browserytools
136+ free browser-based tools for productivity & developers. 100% client-side — no servers, no uploads, full privacy. Image & on-device AI tools, file/format converters, code form…
Lightswind UI Library
The AI-native CLI-first React component library. 160+ animated, accessible, production-ready components with MCP Server support for Cursor, Claude & GitHub Copilot. Copy-paste arc…
Ui Craft
ui-craft MCP server — deterministic design-quality gate (anti-slop, tokens, acceptance-bar, score)
Fe Tools
前端开发常用文档/网站地址、样式/js方法封装库、项目模板。提供Chrome拓展程序
Dev Context
Production-ready MCP server for real-time frontend development news aggregation and analysis. Built with Go, featuring enterprise-grade architecture, comprehensive testing, and Do…
Extract Design System
Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an A…
Locklens
Audit npm, Yarn, and pnpm lockFiles as both an MCP server and a CLI tool.
Yosuri
Yosuri — LESS CHAT, MORE AUTOMATIC. A 24H self-evolving AI agent that aggregates free models into one OpenAI & Anthropic-compatible API, picks its own tasks, writes real code, and…
Webforj
webforJ is a robust and flexible web framework that allows you to easily create a modern and engaging user interface using Java.
Ui Expert
A Model Context Protocol (MCP) server for UI/UX design improvements and professional frontend development
React Tools
> React hooks and components for seamless integration with MCP (Model Context Protocol) tools.
Web Frontend MCP Demo
This project demonstrates how to integrate ChatGPT with the Model Context Protocol (MCP) to extend AI capabilities with external tools.
Caret Desktop
Caret — a design canvas over your real code. Click a headline and retype it, pick a colour, drag an edge: every change lands in your source files. Free, open source, runs on your…
Niblet Skill MCP
MCP server and design skill that grounds coding-agent UI work in real product screens. Two tools, npx-installable.
Velloo
Local-first design canvas for AI coding agents. Recreate a real React screen, explore directions visually, then ship the winner back into your app.
colors-server
A simple color utility MCP server for frontend developers — convert, mix, adjust, and analyze colors.
backstage-plugin-frontend
Enhanced Backstage frontend plugin for MCP (Model Context Protocol) entity visualization with JSON/Text toggle, syntax highlighting, and VSCode integration
Askable
Two lines of code to give your LLM eyes. One attribute.
Ux Skill
Design intelligence engine for AI coding tools (Claude Code, Cursor, Windsurf). Deterministic anti-AI-slop linter with 152 rules, 160 brand specs, a 7-axis synthesizer, an MCP ser…
Janux
Janux - One component, two faces: UI for humans, MCP tools for AI agents. The agent-native fullstack framework.
Chara
Chara Codes is an AI-powered development environment designed to streamline frontend development workflows.
Sunkit
SunflowersLwtech's toolbox: Claude Code skills, agents, commands, and MCP servers in one plugin marketplace
Awesome Fe MCP Bundle
Awesome FE MCP Bundle
Browser Inspector
MCP server that gives AI coding tools the same CSS visibility a human has in browser DevTools
What Devtools
MCP server bridging AI agents to live What Framework app state via WebSocket
LLM Design Engine
Creative director and design compiler for coding agents
Global Design Skill
Portable design system skill for Claude Code, Cursor, Codex, ChatGPT, Windsurf, and Copilot — with MCP server and self-learning SEDI engine.
Claude Workspace
🧠 Production-ready Claude Code workspace — 13 skills, 8 agents, 11 slash commands & 10 hooks for React/TypeScript frontend teams. One-command install.
Eregion
Open-source SDK for AI-powered live frontend editing: select a component in your running app, describe the change, and AI edits the real source — hot-reload shows it in seconds. R…
Aura Components MCP
Free MCP for Aura's public catalogue: 2,495 components, 187 skills, 30k assets. No login, no key, one stdio call.
Awesome Design Agent Skills
Web-first design-agent skills: hierarchy, accessibility, interaction quality, and visual QA.
Tell Proof
Tell reads your rendered UI, names what makes it look AI-generated, and helps you art-direct a distinctive redesign — inside Cursor.
Designproof
Tell reads your rendered UI, names what makes it look AI-generated, and helps you art-direct a distinctive redesign — inside Cursor.
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…