Как настроить Cocos Creator MCP с Cursor и Claude (видеоурок)
Текстовое сопровождение к YouTube: установка Cocos Creator MCP, запуск локального моста и подключение Cursor или Claude через Model Context Protocol.
- cocos
- cocos-creator
- mcp
- cursor
- claude
- tutorial
- video
Смотреть видеоурок
Видео: Настройка Cocos Creator MCP на канале VberAI YouTube
Запись — это пошаговая настройка Cocos Creator MCP, а не обзор нескольких движков. Вы увидите установку MCP-плагина, запуск локального моста и подключение Cursor или Claude Desktop, чтобы ассистент мог работать с проектом Cocos Creator прямо в редакторе.
Чему вы научитесь
- Установить и включить Cocos Creator MCP для Creator 2.x / 3.x
- Запустить локальный MCP-мост из панели плагина
- Добавить URL в Cursor, Claude, Windsurf или другой MCP-клиент
- Проверить чтение (дерево сцены) и небольшую запись (создать или переименовать узел)
Model Context Protocol (MCP) передаёт живое состояние редактора — текущую сцену, иерархию узлов, выделение — а не только файлы на диске.
Требования
| Пункт | Примечание |
|---|---|
| Cocos Creator | Открыт проект 2.x или 3.x |
| MCP-плагин | Расширение Cocos Creator MCP (в видео — VberAI Cocos MCP) |
| AI-клиент | Cursor, Claude Desktop, Windsurf, Cline и др. |
| Локальная сеть | Мост на 127.0.0.1 |
Шаги настройки
1. Установите плагин Cocos Creator MCP
- Скачайте расширение для вашей версии Creator (страница Cocos MCP).
- Поместите в папку extensions или установите через менеджер расширений.
- Включите MCP в Extension → Extension Manager и перезагрузите редактор при необходимости.
2. Запустите MCP-мост
В панели плагина нажмите Start MCP, запишите локальный URL и порт. Держите Cocos Creator открытым, пока мост работает.
3. Настройте AI-клиент
Пример для Cursor (mcp.json):
{
"mcpServers": {
"cocos-mcp": {
"url": "http://127.0.0.1:PORT/mcp"
}
}
}
Замените PORT значением из UI плагина. После сохранения перезапустите AI-клиент.
4. Проверьте подключение
Задайте только чтение:
- «Покажи дерево узлов текущей сцены.»
- «Какие узлы под Canvas?»
Должны вернуться структурированные пути из редактора.
5. Попробуйте небольшую запись
Создайте дочерний узел или переименуйте группу UI — проверьте в Hierarchy перед масштабированием задач.
Почему MCP лучше, чем правка только файлов
Без MCP ассистент не видит несохранённую сцену, текущее выделение и живые значения компонентов. Подробнее об архитектуре моста: как мы построили real-time MCP Server для Godot.
Сочетание с инструментами дизайн → UI (опционально)
MCP — операции в редакторе после появления ассетов. VberAI Studio (AI Studio) — PSD / Figma → UI для Unity, Godot или Cocos. См. создание игрового UI за 3 минуты.
FAQ
Как подключить Cursor к Cocos Creator?
Установите MCP → запустите мост → добавьте URL в mcp.json → протестируйте деревом сцены.
Что такое Cocos Creator MCP?
MCP-плагин, позволяющий AI-клиентам читать и изменять проект Cocos Creator через запущенный редактор.
Видео про Unity или Godot?
Нет — только настройка Cocos Creator MCP. Unity: установка Unity MCP; Godot: Godot MCP vs ручной скриптинг.
Ссылка на видео
YouTube, @vber_ai.
Подпишитесь на VberAI YouTube.
Читайте дальше
Другие статьи, которые могут вам понравиться
In-Place Slice в VberAI Studio: нарезка UI и импорт в Unity / Godot / Cocos
VberAI In-Place Slice: полноэкранный игровой UI → ИИ-нарезка на месте с сохранением позиций → экспорт в Unity, Godot, Cocos. Не путать с импортом Figma/PSD со слоями.
- vberai
- ai-studio
- inplace-slice
- game-ui
Предрелизные проверки UI: что проверить перед выпуском
Когда Prefab и логика готовы: финальный проход по UI на устройстве, локалях, Release-сборках и скинах событий — с путями исправления.
- game-ui-design
- game-dev-ai
- ui-to-engine
- ui-localization
Как перенести UI из Figma в Unity: меню, фреймы и префабы
Как из Figma Design перенести меню и UI в Unity (Юнити): импорт в VberAI Studio, проверка фреймов, экспорт префаба в Canvas. Меню по фреймам или по элементам; почему спрайт из Figma выглядит иначе в Unity.
- figma-to-unity
- figma-to-code
- figma-ai
- figma-design