#design-system

Transforms HTML into Figma using only your design system, enforcing correct component usage and falling back safely when needed, while improving accuracy with every build.

Lustre is an MCP server that gives AI coding tools (Claude Code, Cursor, Windsurf, Codex) access to 46 production-quality Flutter widgets with a real design token system. Instead of generating generic Material UI, your AI produces beautiful, consistent screens with proper spacing, micro-animations, subtle depth, and full dark mode support. Includes 3 visual themes (Clean, Bold, Glass), navigation components, cards, lists, forms, feedback widgets, data display, and complete layout patterns. Zero dependencies beyond Flutter SDK. Each widget is a single self-contained .dart file.

Premium Flutter UI components for AI coding agents. Gives Claude Code, Cursor, and other MCP-compatible tools access to 46 hand-crafted Flutter widgets with a real design token system. 3 visual themes (Clean, Bold, Glass), full light/dark mode support. Components include navigation, cards, lists, forms, feedback, data display, and complete layout patterns. Every widget is a single self-contained .dart file with zero dependencies beyond Flutter SDK. Install with: npx lustre-mcp

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

Apify-hosted MCP server for Storybook. Browse components, inspect props, read stories, capture screenshots. Supports Storybook 6/7/8.

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

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.

A Model Context Protocol (MCP) server that provides comprehensive information about React design systems, along with code generation capabilities for common UI patterns. Currently supports AWS Cloudscape Design System, with plans to add support for Material UI, Chakra UI, Ant Design, and other popular React design systems in the future.

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

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.

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

🎨 Official monday.com UI resources for application development in React.js

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