Best Design AI Skills & MCP Servers

CLI + MCP sentinel for engineering standards — SOLID, testing, architecture, CI/CD — auto-tailored to your stack. Minimal MCP footprint (~200 tokens) via CLI-first design.

Model Context Protocol (MCP) server designed for LLMs to interact with Obsidian vaults. Provides secure, token-aware tools for seamless knowledge base management through a standardized interface.

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 AI agent skill (Claude, Cursor, Codex) and standalone CLI.

MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens

Model Context Protocol server exposing Arbor design system tools (open_in_playroom).

Categorized, deterministically-ranked SKILL.md catalog AND MCP server for Claude Code (and any agent that speaks MCP). 1128 curated skills across 17 categories — frontend, backend, video editing, AI video generation, UI design, motion graphics, 3D, devops

MCP server for building Vue.js design systems - component analysis, documentation, variant generation, and design tokens

Shared MCP server building blocks for @us-all servers — token-efficient by design (category toggles, extractFields, search-tools meta, registry, runtime)

Universal MCP server for Google Stitch - AI-powered UI/UX design tool. Works with Claude, Cursor, Antigravity, and any MCP-compatible AI.

Model Context Protocol server for swatchbook — exposes a DTCG project's tokens, axes, and diagnostics to AI agents without running Storybook.

AI copilot for TouchDesigner with live MCP control (DeepSeek v4 optimized) — 110 tools (incl. v2.5: td_get_activity_log, td_ocr_image, td_check_for_updates, td_get_traces, tool approval gates; v2.5.5: td_ingest_url web ingestion), focus + locations, hint

MCP server for controlling Home Assistant lights and managing scenes. Lights only by design for safety.

Local MCP server for PixelAgent — apply diffs, resolve elements, read design tokens

Vibma — Vibe Design meets Figma. AI-powered MCP bridge for designing in Figma.

Model Context Protocol server for Spectrum design data including tokens, schemas, and component anatomy

MCP server for Software Analysis and Design course materials at BGU

A zero-cost, unlimited Figma MCP server — no API key, no rate limits

Serveur MCP pour piloter Bricks Builder (WordPress) depuis Claude/Codex — édition de pages, gestion d'éléments, audit technique, audit design visuel, upload optimisé WebP. Communauté Discord : https://discord.gg/rX22zHRzH

MCP server for UWC Components — gives AI coding assistants real-time access to component docs, props, events, slots, and code examples

Claude Code to Figma — Bidirectional MCP bridge. AI draws UI on Figma canvas, reads designs back. Works with Claude, Cursor, VS Code, Windsurf, Antigravity. No API key needed.

AI copilot for TouchDesigner with live MCP control — 106 tools, focus + locations, hint injection, component notes, POPx inspection, knowledge corpus, project lifecycle control, technique memory, typed patch sessions, agent activity log, one-tool self-upd

Enable Cursor, VS Code, Claude Code or any MCP-enabled IDE to help you vibecode and manage Home Assistant: create automations, design dashboards, tweak themes, modify configs, and deploy changes using natural language

MCP server for running Playwright tests and reading structured results — designed for AI agents doing test failure analysis

useVyre MCP server — gives Claude Desktop real-time access to component context