MCP servers that ship as code — a repository or a package you install and run locally (usually over stdio). They have no hosted endpoint, so we cannot probe or grade them: instead each one shows its repository, install command, license, stars and when it was last updated.
Collected from GitHub repositories and npm, PyPI, Cargo, Go, Maven, NuGet and RubyGems packages tagged as MCP servers, the official MCP Registry, Docker's MCP catalog, ModelScope, Baidu MCP World, Cline and other public directories; one entry per repository. A server that also offers a hosted endpoint is listed under Remote instead. These entries are not counted in our reachability, verification or readiness statistics.
-
css-noop-checker-mcpgithub.com/purupurupu/css-noop-checkerupdated this year
MCP server for CSS no-op detection via Playwright
npm MIT -
why-cssgithub.com/shaohui-jin/why-css-skillsupdated this year
CSS 失效诊断 MCP 服务器：对齐运行时、构建产物与源码，回答样式为什么没生效
npm MIT -
css-noop-checkergithub.com/purupurupu/css-noop-checkerupdated this year
Chrome DevTools extension that detects CSS properties with no effect
MIT ★ 25 -
wcag22-css-lintno update data
—
smithery -
CSS 失效诊断 MCP 服务器：对齐运行时、构建产物与源码，回答样式为什么没生效
npm MIT -
A mixin-first SCSS design system. Write your own selectors and call cia mixins: 24 themes, 32 framework-agnostic recipes, a 33-tool MCP server so AI agents read the real API, WCAG-graded themes, and zero runtime JavaScript in the package.
npm MIT ★ 1 -
css graph for AI Agent
MIT ★ 2 -
CSS intelligence for AI coding agents — surgical style context, fewer tool calls, faster answers. 100% local.
npm MIT -
classmcpgithub.com/TheDecipherist/classmcpupdated this year
MCP server for AI-assisted CSS development. 77% token savings with semantic class patterns. Supports Tailwind, Bootstrap, UnoCSS, Tachyons.
MIT ★ 8 -
A Model Context Protocol (MCP) server that provides programmatic access to Basecoat CSS components and their usage documentation. This server allows AI assistants to help developers build HTML interfaces using the Basecoat CSS framework.
★ 16 -
svgshotgithub.com/BusyBee3333/svgshotupdated this year
SVGShot — Animated SVG creator & screenshot tool with CSS animation-aware capture. Render, filmstrip, and diff animated SVGs the way users actually see them.
Apache-2.0 ★ 1 -
MCP server for ProvChart — generate pure CSS charts (HTML/CSS or SVG) from agents
npm MIT -
anni.run – a CSS animation editor for coding agents (Claude Code, Codex, Cursor): your agent opens the animations from your project, you tune keyframes, timing and easing on a timeline over your real page, the agent writes them back. This package is the M
npm MIT -
design-token-bridge-mcpgithub.com/kenneives/design-token-bridge-mcpupdated this year
MCP server that translates design tokens between platforms — Tailwind, Figma, CSS to Material 3, SwiftUI, and CSS Variables
npm MIT -
MCP server that beautifies and minifies JavaScript and CSS on demand.
-
MCP server that translates design tokens between platforms — Tailwind, Figma, CSS to Material 3, SwiftUI, and CSS Variables. Built for the v0 → Figma → Claude Code pipeline.
npm MIT ★ 5 -
Design editor whose canvas is real HTML and CSS
MIT ★ 4 -
@decantr/decantrgithub.com/decantr-ai/decantrupdated this year
AI-first web framework with signal-based reactivity, atomic CSS, and a structured registry of 100+ components.
npm MIT -
mcp-apps-theme-inspectorgithub.com/osamu329/mcp-apps-theme-inspectorupdated this year
MCP Apps tool that visualizes host CSS theme variables and previews UI components (light/dark). Runs on Cloudflare Workers.
MIT -
frontendmaxxinggithub.com/sirdath/frontendmaxxingupdated this year
481 standalone CSS+JS snippets for frontend design. Vanilla. Zero build step. Zero dependencies. Framework-agnostic.
MIT ★ 1 -
figma-to-ai-htmlgithub.com/Anil4Guney/figma-to-ai-htmlupdated this year
A powerful AI tool that converts Figma designs into pixel-perfect HTML/CSS code with Smart Merge and live preview capabilities.
★ 1 -
Public MCP server that gives AI agents searchable access to the latest Tailwind CSS documentation (search/get/list tools over tailwindlabs/tailwindcss.com docs)
MIT -
anni.run – CSS animation editor for coding agents: tune keyframes on a timeline over your real page, your agent writes them back.
npm ★ 1 -
Figma design-to-code MCP server for extracting design tokens, frame layouts, component trees, and CSS styling.
-
A presentation kit in plain HTML, CSS and JavaScript: 40 slide layouts, 32 transitions, a command line tool and an MCP server for agents.
MIT -
🎨 MCP Server that converts SVG icons into web fonts with CSS and TypeScript support. Generate icon fonts from directories of SVG files.
ISC ★ 6 -
Extract any website's design as real CSS and Tailwind, inside Claude Code and Codex. Free MCP server + skills from the makers of SnipCSS.
MIT ★ 2 -
pines-ui-mcp-serverupdated this year
MCP server for Pines UI - Alpine.js and Tailwind CSS component library. Access 42+ components directly in Claude Desktop.
npm MIT -
Downloads and updates for EvenUI, a design linter for the web: inconsistent spacing, type, colour and components on any page, with the CSS line behind each.
-
Pure Responsive HTML5/CSS3 DIV Generator & Wireframe Builder with CSS Grid, Flexbox, RTL, and MCP Server for AI Agents
-
Design fluid, Apple-like interface motion: springs across SwiftUI, Compose, Material 3, Flutter, Motion and CSS, gesture physics, sourced presets, an MCP server and a Claude Code plugin.
MIT -
verbatim-mcpactive
Give your coding agent the real CSS of any live web page. Nine MCP tools: cascade-resolved rules, design tokens, components, assets, and a verification step.
npm SEE LICENSE IN LICENSE.md -
This is a TypeScript-based MCP server that implements a web design copying system. It allows you to: - Capture webpage styles and HTML structure - Extract and convert CSS to Tailwind classes - Apply extracted styles to different frontend frameworks
★ 4 -
mcp-color-toolsgithub.com/rog0x/mcp-color-toolsupdated this year
MCP server for colors: convert HEX/RGB/HSL/CMYK, generate palettes, check WCAG contrast, mix colors, generate CSS gradients Install: npx @rog0x/mcp-color-tools
MIT -
Liquid glass MCP server and plugin for Claude Code, Cursor and Codex: specs, tested numbers and code for CSS, SwiftUI, Flutter, React Native and Figma.
MIT -
A fully-typed React component library for the Bulma CSS framework. Build modern UIs quickly with reusable, accessible, and customizable Bulma-based React components.
npm MIT ★ 14 -
Vision MCP is a browserless Rust renderer and layout auditor for coding agents. Render HTML/CSS to PNG, inspect geometry, audit accessibility, and drive interactive sessions without Chromium.
Apache-2.0 -
Professional animated SVG (CSS & SMIL) to Video (MP4/WebM/MKV/MOV) and Animated Image (aPNG/GIF) converter featuring frame-accurate rendering, CLI automation, Model Context Protocol (MCP) server integration, and a serverless Web Studio.
npm MIT -
@leviai/webwatch-mcpgithub.com/leviai-ai/webwatch-mcpupdated this year
Website change monitoring MCP server — track URL changes, compare snapshots, extract content with CSS selectors. Monitor competitor sites, pricing pages, job boards. SQLite-backed with diff history.
npm MIT -
@huegrid/mcp-servergithub.com/huegrid/huegrid-appupdated this year
MCP server for HueGrid — search 1,800+ gradient presets, generate code (CSS/React/Vue/Svelte/Swift), extract colors from images, and browse the community gallery. Works with Claude, Cursor, Windsurf, and any MCP-compatible AI tool.
npm MIT -
Professional animated SVG (CSS & SMIL) to Video (MP4/WebM/MKV/MOV) and Animated Image (aPNG/GIF) converter featuring frame-accurate rendering, CLI automation, Model Context Protocol (MCP) server integration, and a serverless Web Studio.
npm MIT ★ 5 -
PicassoWeb MCP Server: An AI-agent tool for automated UI replication, CSS token extraction, and design system scraping via headless Chromium. Features pixel-differential testing, asset downloading, layout mapping, and component cloning.
MIT ★ 4 -
rtlint by Pouyam: find and fix right-to-left (RTL) bugs and Persian typography in CSS, Tailwind, React, Vue, Svelte and text. Zero deps, safe --fix, ESLint/Stylelint/Vite, MCP for AI. باگیاب راستبهچپ و فارسی
npm MIT ★ 2 -
Open-source MCP server that turns your AI coding agent into a UI designer: a visual canvas, vetted design patterns, and a quality gate every design must pass before you see it. HTML/CSS, open JSON, any MCP client.
MIT ★ 16 -
rtlint by Pouyam: find and fix right-to-left (RTL) layout bugs and Persian typography in CSS, Tailwind, React, React Native, Vue, Svelte, HTML and text. Zero dependencies, safe --fix, ESLint/Stylelint/Vite plugins and an MCP server for AI assistants.
npm MIT -
Eyes and ears for AI agents: a free, local MCP server that measures any video or animation (cuts, exact easing curves, palettes, beats, word-timed transcripts), reads websites, Lottie, Rive and Figma exactly, and exports to HyperFrames, Remotion, CSS, After Effects and Lottie. MIT.
MIT ★ 2 -
UISandbox as an MCP server: open the real sandbox in your browser with your built web app loaded, turn its own knobs, verify 1:1, export CSS/patch/tokens/Swift/Android. Play with your app's design, right in the browser: nothing is sent to a server, and cl
npm MIT -
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
npm MIT ★ 5,097 -
@iflow-mcp/devtoolcss-chrome-inspector-mcpgithub.com/devtoolcss/chrome-inspector-mcpupdated this year
MCP server for Chrome DevTools CSS inspection
npm MIT -
MCP server for email client HTML/CSS compatibility, backed by caniemail.com
npm MIT -
WikiBrand MCP server: logo, colors, typefaces, tone of voice and CSS theme of any brand.
MIT -
wire-uigithub.com/wire-ui/wire-uiupdated this year
🤖 The AI-native unstyled primitives framework, Compound component, Zero CSS
MIT ★ 6 -
AI Website builder and publisher MCP. Quickly publish and deploy your AI generated code as real website URL. Support html, css, js, python etc.
★ 19 -
scrap-mcpgithub.com/sigmaSd/scrap-mcpupdated this year
An MCP (Model Context Protocol) server that can scrape web pages and extract content using CSS selectors. Built with deno-dom for fast HTML parsing.
★ 9 -
mcp-formatgithub.com/webmoleai/mcp-formatupdated this year
Formats code using Prettier. Takes source code and language, returns formatted output. Supports JavaScript, TypeScript, CSS, HTML, JSON, Markdown, YAML, and GraphQL.
npm MIT -
MCP Server for accessing W3C/WHATWG/IETF web specifications. Provides AI assistants with access to official web standards data including specifications, WebIDL definitions, CSS properties, and HTML elements.
MIT ★ 4 -
safari-devtools-mcpgithub.com/HayoDev/safari-devtools-mcpupdated this year
Safari DevTools MCP — real browser debugging with network interception, DOM inspection, and CSS analysis for AI agents on macOS
MIT ★ 3 -
Password-protected lists you share as a link, with per-list CSS and a built-in MCP server so AI agents can build and edit them.
MIT -
An agent skill and an MCP server giving AI agents correct access to email client HTML/CSS compatibility data from caniemail.com
MIT ★ 1 -
Model Context Protocol server providing version-aware frontend engineering intelligence (React, Next.js, Vite, Tailwind CSS, TypeScript) to AI coding agents
npm MIT