Explore
MCP servers and skills: search, filter by where they run, and compare.
MCP servers and skills: search, filter by where they run, and compare.
Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery.
OfficialSkillMIT★ 1.0k in collectionNo key
Basalt design system — DTCG 2025.10 tokens, MCP server, brand assets
Hosted by authorMIT★ 1Few starsNo key
MM Design Systems: Premium Agent Skills for UI/UX, System Design, Apple HIG, Material 3, and Frontend architecture.
SkillMIT★ 2Few starsNo key
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Hosted by authorNo licenseFew starsNo key
MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.
Node.jsMIT★ 70No 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★ 246No key
🎨 Extract complete design systems from websites and generate AI-ready skill.md files to replicate exact design elements efficiently.
Node.jsMIT★ 9No key
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelin
OfficialSkillLink only★ 28k in collection
Extract complete design systems from any website and generate AI-ready skill.md files
Node.jsMIT★ 17No key
Carbon MCP provides tools to explore Carbon Design System components, tokens, and icons, answer documentation questions, and generate consistent UI code.
MCPLink only★ 38
Teach coding agents when and how to use your UI components, with usage rules that stay in sync with your code.
SkillMIT★ 20No key
SkillMIT★ 4Few starsNo key
Inspect, build, or extend Figma design systems from Claude Code. Read-only audits with WCAG checks and component scoring, build mode with variable bindings and slots, optional Phase 6 sync to tokens.c
SkillMIT★ 53No key
A natural goods e-commerce store design system. - Sample
Node.jsMITFew starsNo key
Make generic UI look consistent. No hardcoding, no ignoring your design system. Spec for AI-native design systems: tokens, slots and rules agents can discover and validate via MCP (coming in v2).
Node.jsMIT★ 27No key
AI design system scanner + mcp server. Scores repos 0-100, writes fix prompts. 27K+ npm downloads.
Node.jsMIT★ 27No 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
🐟 Suanfish Design System — 33 specialized AI design agents across 7 tiers with REJECT mechanism. Multi-agent design language SKILL for Claude Code / Codex CLI / Copilot CLI. v2.5 adds AI-native Path
SkillLink only★ 8
A complete terminal-style UI design system for IDE Skills
SkillLink only★ 9
Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.
Node.jsMIT★ 2.5kNo key
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
SkillMIT★ 137kNo key
Minimal, type-led HTML/CSS/React design system for slide decks and data-driven presentations. 极简演示文稿设计系统,含7种幻灯片模板与React组件。
SkillMIT★ 8No key
A design practice for coding agents: product-aware UI workflows, rendered evidence, and review gates.
Node.jsMIT★ 5No key
System design from evidence, not vibes — reads your repo as the current architecture, runs the capacity math, compares structurally distinct candidates, and ships an interactive report. For Claude Cod
SkillMIT★ 25No key
Who stands behind it