{"repo":"marvkr/better-design","free":true,"listed":false,"github":"https://github.com/marvkr/better-design","clone":"git clone https://github.com/marvkr/better-design.git","description":"🎨 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, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one command.","language":"TypeScript","stars":206,"topics":["ai-design","claude-code","component-library","cursor","design-systems","design-tokens","figma-alternative","generative-ui","github-copilot","mcp-server"],"license":"MIT","category":"mcp-servers","readme_excerpt":"Better Design: Open source Claude Design Turn your AI coding IDE into a design engineer. Better Design works with MCP-compatible agents and editors like Claude Code, Cursor, VS Code/GitHub Copilot, Claude Desktop, and claude.ai. It is a design MCP server, AI design-system registry, and UI review layer for generating polished product interfaces from prompts. Website · Design systems · Setup · Contributing What is Better Design? Better Design gives AI coding agents the design context they usually miss: design tokens, component code, UI principles, icon direction, accessibility checks, and visual-design review rules. Think of it as a Claude Design-style workflow for your own codebase : 1. Pick the product direction: Linear, Supabase, Vercel, Airbnb, Stripe, Apple, Notion, Figma, or another curated design system. 2. Feed your AI agent the right globals.css , semantic tokens, component overrides, icon set, spacing, typography, shadows, radius, and motion language. 3. Ask Claude Code, Cursor, VS Code/GitHub Copilot, Claude Desktop, claude.ai, or another MCP-compatible coding agent to build the interface. 4. Have the MCP review the output against accessibility and design principles before you ship it. Instead of \"AI-looking UI,\" you get interfaces that look like they were built from a real product design system. Why Better Design? - Claude Design-style workflow, open MCP. Bring the artifact-first design loop people expect from Claude Design into Claude Code, Cursor, VS Code/GitHub C","default_branch":null,"files":null,"tree":[],"storefront":"/r/marvkr","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/marvkr/better-design/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}