Modao Proto MCP сервер

AI-сервер для генерации HTML прототипов, который преобразует описания на естественном языке в полноценный HTML код с современным дизайном и адаптивной версткой, интегрированный с рабочим пространством Modao.

Установка

Установка через NPM

npm install

Сборка

npm run build

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

node dist/index.js --token YOUR_API_TOKEN

Запуск с кастомным URL

node dist/index.js --token YOUR_API_TOKEN --url https://modao.cc

Запуск с отладкой

node dist/index.js --token YOUR_API_TOKEN --debug

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

Claude Desktop

{
  "mcpServers": {
    "modao-proto-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@modao-mcp/modao-proto-mcp",
        "--token=YOUR_TOKEN",
        "--url=https://modao.cc"
      ]
    }
  }
}

Cursor

{
  "mcp.servers": {
    "modao-proto-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@modao-mcp/modao-proto-mcp",
        "--token=YOUR_TOKEN",
        "--url=https://modao.cc"
      ]
    }
  }
}

Windsurf

{
  "mcp": {
    "servers": {
      "modao-proto-mcp": {
        "command": "npx",
        "args": [
          "-y",
          "@modao-mcp/modao-proto-mcp",
          "--token=YOUR_TOKEN",
          "--url=https://modao.cc"
        ]
      }
    }
  }
}

Claude Code

{
  "mcpServers": {
    "modao-proto-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@modao-mcp/modao-proto-mcp",
        "--token=YOUR_TOKEN",
        "--url=https://modao.cc"
      ]
    }
  }
}

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

Инструмент	Описание
`gen_html`	Генерирует полноценный HTML код на основе описаний пользователя, поддерживает современный дизайн и адаптивную верстку
`gen_description`	Генерирует подробные документы с техническими требованиями дизайна на основе кратких требований пользователя
`import_html`	Импортирует сгенерированный HTML в персональное рабочее пространство пользователя, используя ключ из gen_html

Возможности

Генерация HTML кода с современным дизайном и адаптивной версткой
Генерация описаний дизайна для подробных спецификаций
Импорт HTML в персональное рабочее пространство
Полная совместимость с Model Context Protocol
Расширяемая архитектура для добавления новых инструментов
Множественные форматы параметров и обработка ошибок

Переменные окружения

Обязательные

token - токен доступа к API сервису (обязательный)

Опциональные

url - URL API сервиса (опциональный, по умолчанию https://modao.cc)
debug - включить режим отладки (опциональный)

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

Создай современную страницу входа с полями для имени пользователя и пароля

Сгенерируй страницу списка товаров для интернет-магазина с функциями фильтрации, сортировки и пагинации

Создай адаптивную посадочную страницу с героическим блоком и карточками возможностей

Ресурсы

GitHub Repository

Примечания

Требует токен от modao.cc (войти → аватар → настройки токена → создать токен). Если gen_html не работает из-за недостатка кредитов, пополните баланс на modao.cc/ai. Поддерживает как базовый рабочий процесс (генерация → импорт), так и расширенный рабочий процесс (описание → генерация → импорт).