magicuidesign/mcp

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

213 stars 37 forks Качество 71 Тренд 18MIT

Repository Install

Magic UI-компоненты, которые можно найти и устанавливать из вашего AI-редактора.

Обзор

Официальный сервер ModelContextProtocol (MCP) для Magic UI. - [x] курсор - [x] виндсерфинг - [x] клод - [x] клайн - [x] ру-клайн После настройки вы можете задать такие вопросы, как: Сервер предоставляет следующие инструменты, которые можно вызвать через MCP: Некоторые клиенты имеют ограничение на количество инструментов, которые они могут вызывать. Сервер сохраняет небольшую универсальную поверхность инструмента и читает напрямую из живого реестра пользовательского интерфейса Magic, а не полагается на жёстко заданные категории. Широкие понятия семантического обнаружения, такие как виджеты, медиа или устройства, в настоящее время не моделируются как первоклассные категории в MCP API. Огромное спасибо @beaubhp за создание сервера 🙏 MCP

Обзор (машинный перевод)

Официальный сервер ModelContextProtocol (MCP) для Magic UI.

Установка конфигурации MCP

Поддерживаемые клиенты

[x] курсор
[x] виндсерфинг
[x] Клод
[x] Клайн
[x] Ру-Клайн

Ручная установка

Добавьте к конфигурации MCP вашего IDE:

Пример использования

После настройки вы можете задать такие вопросы, как:

«Сделайте маркиз из логотипов»

«Добавить анимацию размытого затухания текста»

«Добавить фон сетки»

Доступные инструменты

Сервер предоставляет следующие инструменты, которые можно вызвать через MCP:

Название инструмента	Описание
`listRegistryItems`	Содержит элементы реестра Magic UI с опциональными фильтрами, такими как `kind`, `query`, `limit` и `offset`. Рекомендуется для просмотра реестра.

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

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

Открыть полный README на GitHub

Установка

npx -y @magicuidesign/mcp@latest

Новичок в MCP? Начните с руководства на mcpskill.org →

Конфигурация

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