MCP servers and skills: search, filter by where they run, and compare.
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Node.jsMIT★ 3.7kNo key
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
Node.jsMIT★ 244No key
The knowledge compiler. Raw sources in, interlinked wiki out. Inspired by Karpathy's LLM Wiki pattern.
Node.jsMIT★ 2.2kNo key
🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple,
SkillMIT★ 455No key
Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.
SkillMIT★ 1.0kNo key
A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs
Node.jsMIT★ 671No key
The complete end-to-end frontend engineering and design orchestrator for AI agents and developers. 16 pillars, MCP server, 3D WebGL, typography, motion, and automated QA.
Node.jsMIT★ 1Few starsNo key
Self-hostable study dashboard with a built-in MCP server, so that your Claude/ChatGPT subscription becomes x10 more effective for your semester
SkillMIT★ 76No key
AI agent skill bundle for Storybook on React + Vite — audit real-vs-slop components, capture flows, write CSF3 stories, ship. Claude Code / Codex / Cursor.
SkillMIT★ 39No key
AI-agent skill for creating, auditing, and maintaining Penpot design systems, prototypes, tokens, and design-to-code workflows via the official Penpot MCP Server.
SkillMIT★ 28No key
Measurement for coding agents building UI: extract a contract from the reference page, check the implementation, get numbers back
Node.jsMIT★ 17No key
Theme-driven, brand-neutral SwiftUI design system — re-skin your whole app from one accent color. 130+ token-bound components, zero-dependency core.
SkillMIT★ 17No key
Refactor of https://github.com/nicobailon/visual-explainer Nico Bailons excellent agent skill repository into a gemini-cli extension that utilises nano-banana-2 for image generation and has gemini-3.1
SkillMIT★ 9No key
Build websites that look designed, not generated. Fudge gives AI real websites to study.
Hosted by authorMITFew starsNo key
Deterministic screenshot diffing for AI coding agents. Extract design tokens, diff implementations vs reference, get CSS fix suggestions.
Node.jsMIT★ 5No key
Pro-grade UI design built into the coding agent you already use — GitHub Copilot Chat, Claude Code, Codex, Cursor. 270+ design skills, 150+ brand design systems, 160+ remixable examples. No desktop ap
Node.jsMIT★ 2Few starsNo key
Fastest Figma-to-website design QA, powered by AI. This MCP server connects Claude to Whoogy to auto-detect pages, run visual regression and UI comparison scans, and deliver a full report in minutes,
Hosted by authorMITFew starsNo key
Describe it, and it appears in Figma. 106 tools, 14 agent skills. Read, create, edit designs & manage tokens via Claude, Cursor, or any MCP client. Open source.
Node.jsMIT★ 4Few starsNo key
Design systems, brand naming, and domain research for coding agents through MCP and CLI.
Node.jsMITFew starsNo key
Local-first HTML review and annotation for AI coding agents
Node.jsMITFew starsNo key
AI can draw UI directly on the Figma canvas via JavaScript, and read existing designs back as structured data. Works with Claude Code, Cursor, VS Code, and Windsurf. No API KEY required.
Node.jsMIT★ 264No key
An MCP server that provides the coding agents Figma's design token to write Flutter code.
Node.jsMIT★ 242No key
MCP server providing 28 UX knowledge resources, 23 analysis tools & 4 workflow prompts. Works with Claude, Cursor, Continue.dev, Cline, Zed & any MCP client. WCAG, Nielsen heuristics, design systems,
Node.jsMIT★ 34No key
Who stands behind it
