MCP-сервер SupaUI

Сервер протокола контекста модели (MCP) для SupaUI, который позволяет агентам ИИ генерировать, извлекать и управлять компонентами пользовательского интерфейса посредством взаимодействия на естественном языке.

Функции

• Создание компонентов пользовательского интерфейса : создание компонентов React на основе описаний на естественном языке.

• Извлечение компонентов пользовательского интерфейса : поиск и извлечение компонентов с buouui.com

• Список компонентов пользовательского интерфейса : просмотр доступных компонентов с подробным предварительным просмотром.

• Поддержка TypeScript : Создано на основе TypeScript для лучшей безопасности типов и удобства разработки

Related MCP server: MCP Magic UI

Предпосылки

Кузнечное дело

используйте Smithery для установки supaui-mcp в Claude：

npx -y @smithery/cli install @buoooou/supaui-mcp --client claude

муниципальный

1. клонировать репозиторий：

git clone [your-repository-url]
cd mcp-ui-gen

=======

• Node.js (последняя версия LTS)

• BUOU_API_KEY от buouui.com

Установка

# Install dependencies
pnpm install

# Build the project
pnpm build

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

1. Установите BUOU_API_KEY в среде:

export BUOU_API_KEY=your_api_key_here

2. Или создайте файл конфигурации на основе требований smithery.yaml.

Использование

Запуск сервера

pnpm start

Доступные команды

Сервер поддерживает следующие команды:

1. Создать компонент пользовательского интерфейса:

/ui create a basic button

2. Компонент пользовательского интерфейса Fetch:

/ui fetch modern login form

3. Список компонентов пользовательского интерфейса:

/buou list cards

API-инструменты

CreateUiTool

• Создает новые компоненты пользовательского интерфейса на основе описаний на естественном языке.

• Конечная точка: /api/create

FetchUiTool

• Извлекает существующие компоненты из buouui.com

• Конечная точка: /api/fetch

ListUiTool

• Список доступных компонентов с предварительным просмотром

• Конечная точка: /api/list

Разработка

# Build in watch mode
tsc -w

# Run tests
pnpm test

Переменные среды

• BUOU_API_KEY : Ваш ключ API от buouui.com (обязательно)

Внося вклад

1. Форк репозитория

2. Создайте свою ветку функций

3. Зафиксируйте ваши изменения

4. Нажмите на ветку

5. Создать запрос на извлечение

Лицензия

МСК

Поддерживать

Для получения поддержки посетите сайт:

• buouui.com

• Электронная почта: support@buouui.com