MCP server: One MCP server.

Better Design

@marvkrMCP server · External

A design harness for AI coding agents: design systems, design principles, icons and UI review.

UI designv0.37.0MIT
Freeno charge per call

One address for any MCP client. You sign in once, after adding it.

What it does

  1. Reads
  2. Writes
  3. High impact

Not assessed yet.

What it costs

Free

Odel charges nothing per call. The publisher may charge for its own service.

Tools

None listed · checked 30 Sep 2026

Odel could not list its tools without signing in.

Try it in the Inspector
README1 min read

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.

SkillWhat it does
build-with-better-designChooses a design system with the user, installs it, and builds on it
review-ui-with-better-designReviews a screen for accessibility, visual design, copy clarity and spacing

Install

ToolHow
Gemini CLIgemini 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 onlyclaude mcp add --transport http better-design https://better-design.com/api/mcp
Any skills clientnpx skills add better-designs/better-design-plugin
Any MCP clientAdd 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.

Similar modules

Browse UI design