広告掲載
MCP.so
ログイン

MCP Magic UI

@idcdev

リポジトリ

基本情報

カテゴリ

その他

トランスポート

stdio

作者

idcdev

MCP Magic UI について

An MCP (Model Context Protocol) server for accessing and searching Magic UI components

MCP Magic UI の設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "mcp-magic-ui": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/inspector",
        "mcp-magic-ui"
      ]
    }
  }
}

MCP Magic UI のツール

2

Get a list of all available Magic UI components with their metadata

Get the source code of a specific component by its file path

概要

What is MCP Magic UI?

MCP Magic UI is a Model Context Protocol server that provides access to Magic UI components from the magicuidesign/magicui GitHub repository. It categorizes components and makes them discoverable through MCP tools for AI assistants and other MCP clients.

How to use MCP Magic UI?

Clone the repository, install dependencies with npm install, build with npm build, then start the server using npm start for stdio transport or TRANSPORT_TYPE=http npm start for HTTP transport. Optionally configure a GitHub personal access token in a .env file to avoid API rate limits. Connect using any MCP client, such as the MCP Inspector.

Key features of MCP Magic UI

  • Fetches and categorizes all Magic UI components
  • Local caching reduces GitHub API calls and allows offline use
  • Supports both stdio and HTTP transport methods
  • Includes fallback mock data when GitHub API is unavailable
  • Exposes tools to list components and retrieve source code

Use cases of MCP Magic UI

  • AI assistants discover and use Magic UI components on demand
  • Developers programmatically fetch component metadata or source code
  • Teams cache component data for offline reference or faster access
  • Integration with MCP-compatible editors or developer workflows

よくある質問

1

What is the purpose of MCP Magic UI?

It allows AI assistants and other MCP clients to easily discover and use Magic UI components by exposing them through MCP tools.

2

What runtime dependencies are required?

It requires Node.js and npm, as installation uses npm commands. No other runtime dependencies are mentioned.

3

How does the server handle GitHub API rate limits?

The server caches component data locally and allows an optional GitHub personal access token via a `.env` file to increase rate limits. Mock data is provided as a fallback when the API is unavailable.

4

What transport methods does the server support?

It supports stdio transport (default) and HTTP transport (set `TRANSPORT_TYPE=http` on startup).

5

Is the server functional without internet access?

Yes, due to local caching of component data and a fallback mechanism with mock data, the server can work offline.

コメント

「その他」の他のコンテンツ

Maestro

mobile-dev-inc

Painless E2E Automation for Mobile and Web

14.8K

Volley.sh

Volley

A good sequence diagram can solve almost any communication problem in engineering. Volley lets your agent write them as plain text, with the real request and response payloads on every arrow. It checks its own syntax wi

EverArt

modelcontextprotocol

Model Context Protocol Servers

88.1K

Klarix Intelligence Engine

Klarix

B2B competitive intelligence, live sales battlecards, 5-axis ICP prospect fit scoring, and tech stack teardowns over MCP and REST with cited public-web evidence.

P

PickFu MCP

PickFu MCP is a Model Context Protocol (MCP) server that connects AI assistants, developers, marketers, product managers, and AI agents to PickFu's consumer research platform. It enables users to create surveys, conduct

広告掲載