Better Design
MCP serverMediaGives your coding agent guidance on design systems, design principles, icons, and reviews its own UI work.
Use Better Design in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Better Design and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use Better Design
Needs your own Better Design account. You sign in to it and approve access when you connect.
Details
Available today. Use it from your connected AI after setup.
Add Ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
About this server
A design harness for AI coding agents: design systems, design principles, icons and UI review.
Install Better Design
The server’s own address, for the clients that take one directly. Or connect Ahel once and every client you use reads it from one address, with the account kept on Ahel rather than in each client’s config.
Claude Code
claude mcp add --transport http --scope user better-design 'https://better-design.com/api/mcp'Run it once in your project, then open /mcp to approve any sign-in the server asks for.
Claude Desktop
https://better-design.com/api/mcpAdd a custom connector in Settings, paste this address, and approve the sign-in.
Cursor
cursor://anysphere.cursor-deeplink/mcp/install?name=better-design&config=eyJ1cmwiOiJodHRwczovL2JldHRlci1kZXNpZ24uY29tL2FwaS9tY3AifQ==Open the link and Cursor adds the server at that address.
ChatGPT
https://better-design.com/api/mcpIn Settings, enable Developer mode, create an MCP app, and paste this address. Your plan and workspace must allow custom apps.
Codex
codex mcp add better-design --url 'https://better-design.com/api/mcp'Run it once, then sign in with codex mcp login better-design if the server asks for an account.
From the project's README
As published by better-designs/better-design-plugin in README.md.
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. Browse the catalog at 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 and terms apply. Support: info@better-design.com.
Signals
- Last commit
- Sep 2026
- Weekly downloads
- 2k
- Weekly_downloads
- 2k weekly_downloads
Ahel review
S4low
published under marvkr's namespace; repository belongs to better-designs
Automated review, not a security audit. Ruleset v1.
Advanced
- Delivery
- better-design MCP server → your Ahel connector (mcp.ahel.ai) → your AI.
- Item type
- mcp-server
- Key
io-github-marvkr-better-design- Source
- github.com/better-designs/better-design-plugin
- Hosted endpoint
https://better-design.com/api/mcp
github.com/better-designs/better-design-plugin