MCP.so
登录

Better Design MCP Server

@marvkr

基本信息

分类

媒体与设计

许可证

MIT

作者

marvkr

关于 Better Design MCP Server

🎨 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 comp

Better Design MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "shadcn@latest",
        "add",
        "https://www.better-design.com/registry/<design-system>/<component>.json"
      ]
    }
  }
}

Better Design MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表,不代表服务没有工具。请查阅项目文档了解支持的能力。

点击上方按钮,在临时沙箱中运行此服务器并实时获取工具列表。

概览

What is Better Design?

🎨 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.

How to use Better Design?

The README includes setup instructions such as npx shadcn@latest add https://www.better-design.com/registry/<design-system>/<component>.json.

Key features of Better Design

  • MCP server integration

Use cases of Better Design

  • Connect an MCP-compatible client to this repository's service.
  • Review the README-backed setup before enabling it in production.

常见问题

1

Where is the source code for Better Design?

The source code is linked from the repository URL on this page.

2

Does Better Design include a standard MCP config?

If the README contains a parseable MCP configuration block, it is shown in the Config tab.

评论

媒体与设计 分类下的更多 MCP 服务器