flutter-skill — MCP-сервер для Claude Code: E2E-тесты без кода
Подключает ИИ-агента к запущенному приложению: агент видит экран, нажимает кнопки и печатает текст. Тесты описываются обычными фразами.
claude mcp add flutter-skill -- npx -y flutter-skillЧто делает flutter-skill
flutter-skill — это MCP-сервер, который даёт агенту доступ внутрь работающего приложения. Агент получает снимок экрана, дерево доступности, может тапнуть по элементу, ввести текст, нажать клавишу, выполнить JavaScript. Всё это без Page Objects, XPath и хрупких селекторов: вы просто пишете, что нужно проверить.
Ставится глобально через npm, после чего прописывается в конфиг MCP-клиента. Для Flutter в само приложение добавляются две строки: импорт package:flutter_skill/flutter_skill.dart и вызов FlutterSkillBinding.ensureInitialized() в main(). Есть и режим HTTP: flutter-skill serve https://your-app.com поднимает сервер, а CLI-команды вроде nav, snap, screenshot, tap, type работают как отдельный клиент — удобно для CI и скриптов.
В режиме server браузер Chrome запускается автоматически, в режиме serve сервер подключается к уже открытому Chrome. Если Chrome не установлен или запущен нестандартно, автоматический старт не сработает — это первое, что стоит проверить перед прогоном.
Какие задачи решает
- пройти по всем экранам приложения и собрать список багов
- проверить оформление заказа с пустой корзиной
- заполнить форму регистрации и отправить её
- снять скриншот страницы в нужный момент
- выполнить JavaScript и забрать значение из DOM
Примеры запросов агенту
- Запусти моё приложение, обойди все экраны и отчитайся о найденных багах
- Открой корзину пустой, добавь три товара и доведи покупку до конца
- Сделай снимок дерева доступности главной страницы и покажи, какие кнопки на ней есть
Как установить flutter-skill
Командой платформы
claude mcp add flutter-skill -- npx -y flutter-skillКомандой платформы
codex mcp add flutter-skill -- npx -y flutter-skillФайл настроек
{
"mcpServers": {
"flutter-skill": {
"command": "npx",
"args": [
"-y",
"flutter-skill"
]
}
}
}Файл настроек
{
"servers": {
"flutter-skill": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"flutter-skill"
]
}
}
}Командой платформы
gemini mcp add flutter-skill npx -y flutter-skillПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о flutter-skill
Как установить flutter-skill в Claude Code?
Выполните claude mcp add flutter-skill -- npx -y flutter-skill. Сервер сразу пропишется в конфиг Claude.
Что делает flutter-skill?
Соединяет ИИ-агента с запущенным приложением через MCP. Агент видит экран, нажимает элементы, вводит текст и снимает скриншоты — тестовый код писать не нужно.
Чем режим server отличается от serve?
server работает по MCP поверх stdio и сам запускает Chrome — это для IDE и агентов. serve поднимает HTTP-сервер и подключается к уже открытому Chrome — для CLI, CI и удалённого доступа.
