# flutter-skill

Подключает ИИ-агента к запущенному приложению: агент видит экран, нажимает кнопки и печатает текст. Тесты описываются обычными фразами.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed · ★ 395
- Автор: ai-dashboad
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/ai-dashboad/flutter-skill
- Обновлён: 2026-09-01
- HTML: https://affpapa.org/nevibecode/mcp/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 не установлен или запущен нестандартно, автоматический старт не сработает — это первое, что стоит проверить перед прогоном.

## Требования
- Нужно: Node.js (команды через npx)

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add flutter-skill -- npx -y flutter-skill
```

### Codex

**Командой платформы**
```bash
codex mcp add flutter-skill -- npx -y flutter-skill
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "flutter-skill": {
            "command": "npx",
            "args": [
                "-y",
                "flutter-skill"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "flutter-skill": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "flutter-skill"
            ]
        }
    }
}
```

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add flutter-skill npx -y flutter-skill
```

## Когда брать
- пройти по всем экранам приложения и собрать список багов
- проверить оформление заказа с пустой корзиной
- заполнить форму регистрации и отправить её
- снять скриншот страницы в нужный момент
- выполнить JavaScript и забрать значение из DOM

## Примеры запросов агенту
- Запусти моё приложение, обойди все экраны и отчитайся о найденных багах
- Открой корзину пустой, добавь три товара и доведи покупку до конца
- Сделай снимок дерева доступности главной страницы и покажи, какие кнопки на ней есть

## Похожие
- [Front-End Checklist](https://affpapa.org/nevibecode/mcp/front-end-checklist.md) — MCP-сервер · ★ 74559
- [Keploy](https://affpapa.org/nevibecode/mcp/keploy.md) — MCP-сервер · ★ 18727
- [SeleniumBase MCP](https://affpapa.org/nevibecode/mcp/seleniumbase-mcp.md) — MCP-сервер · ★ 13169
- [mobile-mcp](https://affpapa.org/nevibecode/mcp/mobile-mcp.md) — MCP-сервер · ★ 9946
- [e2e](https://affpapa.org/nevibecode/mcp/e2e.md) — MCP-сервер · ★ 11912
- [mockserver](https://affpapa.org/nevibecode/mcp/mockserver.md) — MCP-сервер · ★ 4996

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md