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.

コメント

「メディアとデザイン」の他のコンテンツ