magicuidesign/mcp

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

213 stars 37 forks 품질 71 트렌드 18MIT

Repository Install

매직 UI 컴포넌트, AI 에디터에서 검색 및 설치 가능합니다.

개요

매직 UI용 공식 ModelContextProtocol(MCP) 서버입니다. - [X] 커서 - [X] 윈드서프 - [X] 클로드 - [X] 클라인 - [X] 루-클라인 설정이 완료되면 다음과 같은 질문을 할 수 있습니다: 서버는 MCP를 통해 호출 가능한 다음과 같은 도구를 제공합니다: 일부 클라이언트는 호출할 수 있는 도구 수에 제한이 있습니다. 서버는 작은 일반 도구 표면을 유지하며, 하드코딩된 카테고리 버킷에 의존하지 않고 라이브 매직 UI 레지스트리에서 직접 읽습니다. 위젯, 미디어, 장치와 같은 광범위한 의미론적 발견 개념은 현재 MCP API에서 1급 카테고리로 모델링되어 있지 않습니다. MCP 서버를 🙏 만들어 준 @beaubhp에게 큰 감사를 드립니다

개요(AI 번역)

매직 UI용 공식 ModelContextProtocol(MCP) 서버입니다.

MCP 구성 설치

지원 클라이언트

[x] 커서
[x] 윈드서핑
[x] 클로드
[X] 클라인
[X] 루클라인

수동 설치

IDE의 MCP 설정에 추가하세요:

예시 사용

설정이 완료되면 다음과 같은 질문을 할 수 있습니다:

“로고 마키를 만드세요”

“블러 페이드 텍스트 애니메이션 추가”

“격자 배경 추가”

사용 가능한 도구

서버는 MCP를 통해 호출 가능한 다음과 같은 도구를 제공합니다:

도구명	설명
`listRegistryItems`	`kind`, `query`, `limit`, `offset` 같은 선택적 필터가 있는 매직 UI 레지스트리 항목을 나열합니다. 레지스트리 탐색에 추천합니다.

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

@magicuidesign/mcp

Official ModelContextProtocol (MCP) server for Magic UI.

Install MCP configuration

npx @magicuidesign/cli@latest install

Supported Clients

[x] cursor
[x] windsurf
[x] claude
[x] cline
[x] roo-cline

Manual Installation

Add to your IDE’s MCP config:

{
  "mcpServers": {
    "magicuidesign-mcp": {
      "command": "npx",
      "args": ["-y", "@magicuidesign/mcp@latest"]
    }
  }
}

Example Usage

Once configured, you can questions like:

“Make a marquee of logos”

“Add a blur fade text animation”

“Add a grid background”

Available Tools

The server provides the following tools callable via MCP:

Tool Name	Description
`listRegistryItems`	Lists Magic UI registry items with optional filters like `kind`, `query`, `limit`, and `offset`. Recommended for registry browsing.
`searchRegistryItems`	Searches Magic UI registry items by keyword across names, titles, descriptions, and registry types, with pagination support.
`getRegistryItem`	Returns details for a single registry item, including install instructions and optional source, related items, and examples.

MCP Limitations

Some clients have a limit on the number of tools they can call. The server keeps a small generic tool surface and reads directly from the live Magic UI registry, rather than relying on hardcoded category buckets. Broad semantic discovery concepts such as widgets, media, or devices are not currently modeled as first-class categories in the MCP API.

Credits

Big thanks to @beaubhp for creating the MCP server 🙏

MIT

GitHub에서 전체 README 보기

설치

npx -y @magicuidesign/mcp@latest

MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →

설정

{
  "mcpServers": {
    "magicuidesign-mcp": {
      "command": "npx",
      "args": ["-y", "@magicuidesign/mcp@latest"]
    }
  }
}