#design-system

Vibe Design System

mondaycom

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

Mimic Ai

miapre

The design system copilot that builds Figma from HTML using your real components and tokens. Learns your system, surfaces your gaps.

Typeui

bergside

Build better interfaces with TypeUI design systems, UI prompts, and layout variations.

Klavis AI 🌟

alexgolemelectrico

Klavis AI (YC X25): Open Source, easy to use MCPs on Slack, Discord and Web

An MCP (Model Context Protocol) server that provides design guidance to help LLMs generate better, more modern web pages. This server focuses on teaching design principles and best practices rather than providing code templates.

Ai Canvas Mcp (@aicanvas/mcp)

uiNerd16

Browse and install 75+ free animated, shadcn-compatible React components from AI Canvas, each with AI reproduction prompts. Read-only MCP server over the live aicanvas.me registry; eight tools.

Design System MCP Server

pglevy

A proof-of-concept for publish design system guidance and code snippets as an MCP server for usage with LLMs

VA Design System Monitor

amponce

Open source MCP server for monitoring Department of Veterans Affairs design system usage and compliance

Marmoui

mahmoudilyan

Design-system knowledge for AI agents: live React component APIs, patterns, and generated-code validation. Agents build real dashboards, not slop. Free.

Anima Mcp Server

AnimaApp

Connect AI coding agents to Anima Playground, Figma designs, and your team's design system. Bridge the gap between prototypes and production code.

mcp-design-system-extractor

freema

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.

Generate complete design token systems from a hex color — OKLCH-derived, WCAG-validated, multi-format