A design harness for AI coding agents: design systems, design principles, icons and UI review checks.
- ✓Open-source license (MIT)
- ✓Actively maintained (<30d)
- ✓Clear description
- ✓Topics declared
- ✓Documented (README)
claude mcp add better-design-plugin -- npx -y skills{
"mcpServers": {
"better-design-plugin": {
"command": "npx",
"args": ["-y", "skills"]
}
}
}MCP Servers overview
# Better Design A design harness for AI coding agents. This plugin connects your agent to the Better Design MCP server, so the interfaces it builds use a real design system, follow design principles, and pass UI review checks. ## What your agent gets - **A design system for your app.** Find one that fits your product, preview it, and install its components, or generate a custom one from a description or your own site. - **Design principles.** Visual design, UX flows, forms, onboarding and interface copy, plus references for React Native, SwiftUI, Three.js and Shopify themes. - **Review checks.** Accessibility, copy clarity and measured spacing for the screens your agent builds. - **Icons you own.** Icon sets returned as React components, with no runtime CDN. ## What this repository holds This repository holds the plugin files only: the manifests, the MCP server entry and two skills. The Better Design server and its design systems run at [better-design.com](https://better-design.com). Browse the catalog at [better-design.com/design-systems](https://better-design.com/design-systems). | Skill | What it does | | --- | --- | | `build-with-better-design` | Chooses a design system with the user, installs it, and builds on it | | `review-ui-with-better-design` | Reviews a screen for accessibility, visual design, copy clarity and spacing | ## Install | Tool | How | | --- | --- | | Gemini CLI | `gemini extensions install https://github.com/better-designs/better-design-plugin` | | Claude Code | `/plugin marketplace add better-designs/better-design-plugin`, then `/plugin install better-design@better-design` | | Claude Code, MCP only | `claude mcp add --transport http better-design https://better-design.com/api/mcp` | | Any skills client | `npx skills add better-designs/better-design-plugin` | | Any MCP client | Add the remote server `https://better-design.com/api/mcp` | The first connection opens a Better Design sign-in. A free account works. ## Privacy Better Design's [privacy policy](https://better-design.com/privacy) and [terms](https://better-design.com/terms) apply. Support: info@better-design.com.
What people ask about better-design-plugin
What is better-designs/better-design-plugin?
+
better-designs/better-design-plugin is mcp servers for the Claude AI ecosystem. A design harness for AI coding agents: design systems, design principles, icons and UI review checks. It has 0 GitHub stars and its last recorded update is dated 2026-09-30.
How do I install better-design-plugin?
+
You can install better-design-plugin by cloning the repository (https://github.com/better-designs/better-design-plugin) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.
Is better-designs/better-design-plugin safe to use?
+
Our security agent has analyzed better-designs/better-design-plugin and assigned a Trust Score of 95/100 (tier: Verified). See the full breakdown of passed checks and flags on this page.
Who maintains better-designs/better-design-plugin?
+
better-designs/better-design-plugin is maintained by better-designs. The last recorded GitHub activity is dated 2026-09-30, with 0 open issues.
Are there alternatives to better-design-plugin?
+
Yes. On ClaudeWave you can browse similar mcp servers at /categories/mcp, sorted by popularity or recent activity.
Deploy better-design-plugin to your cloud
Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.
Maintain this repo? Add a badge to your README
Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.
[](https://claudewave.com/repo/better-designs-better-design-plugin)<a href="https://claudewave.com/repo/better-designs-better-design-plugin"><img src="https://claudewave.com/api/badge/better-designs-better-design-plugin" alt="Featured on ClaudeWave: better-designs/better-design-plugin" width="320" height="64" /></a>More MCP Servers
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
User-friendly AI Interface (Supports Ollama, OpenAI API, ...)
An open-source AI agent that brings the power of Gemini directly into your terminal.
Real-time global intelligence dashboard. AI-powered news aggregation, geopolitical monitoring, and infrastructure tracking in a unified situational awareness interface
🕷️ An adaptive Web Scraping framework that handles everything from a single request to a full-scale crawl! Don't be shy, join here: https://discord.gg/EMgGbDceNQ and follow here for daily tips and tricks: https://x.com/Scrapling_dev
The fastest path to AI-powered full stack observability, even for lean teams.