Copilot Agent Mode

Автономний агентний режим GitHub Copilot — планування, виконання команд, MCP та ітеративне вирішення задач

copilotagent-modeautonomousmcpterminal

📎ОФІЦІЙНА ДОКУМЕНТАЦІЯ

GitHub Copilot Documentation→

Що таке Agent Mode?

Agent Mode — це найпотужніший режим GitHub Copilot, де AI працює як автономний агент. Замість того, щоб просто відповідати на запитання або пропонувати зміни для перегляду, агент самостійно планує, редагує файли, запускає команди в терміналі та ітерує до досягнення мети.

ℹ️Інформація

Agent Mode доступний у VS Code з Copilot Chat. Активується вибором режиму "Agent" у верхній частині панелі чату або вибором моделі, що підтримує агентний режим.

Як активувати Agent Mode

Відкрийте Copilot Chat (Ctrl+Alt+I)
У верхній частині панелі виберіть режим Agent (замість Ask або Edit)
Напишіть задачу натуральною мовою

Режими Copilot Chat:
┌─────────────────────────────────┐
│  [Ask]  [Edit]  [Agent]        │
│                    ↑            │
│            Агентний режим       │
└─────────────────────────────────┘

Можливості Agent Mode

Редагування файлів

Агент самостійно знаходить, читає та модифікує файли:

> Додай dark mode до всього додатка. 
  Використай CSS variables для кольорів.

Copilot Agent:

Знайде файли зі стилями
Визначить структуру кольорів
Створить CSS variables
Додасть toggle-компонент
Оновить всі файли зі стилями

Виконання команд у терміналі

Агент може запускати команди та аналізувати результати:

> Встанови Tailwind CSS та налаштуй його для проєкту

# Агент виконає:
# npm install tailwindcss @tailwindcss/postcss postcss
# npx tailwindcss init
# Створить/оновить postcss.config.js
# Оновить CSS файли

⚠️Увага

Перед виконанням команд у терміналі Copilot запитає підтвердження. Завжди перевіряйте команди перед дозволом на виконання.

Ітеративне виправлення

Якщо щось не працює, агент автоматично:

Аналізує помилку
Знаходить причину
Вносить виправлення
Перевіряє результат

> Виправ всі TypeScript помилки у проєкті

# Агент:
# 1. Запустить npx tsc --noEmit
# 2. Прочитає помилки
# 3. Виправить кожну
# 4. Повторить перевірку
# 5. Ітерує поки всі помилки не виправлені

MCP інтеграція

Agent Mode підтримує Model Context Protocol (MCP) для розширення можливостей через зовнішні інструменти.

Налаштування MCP у VS Code

Файл: .vscode/mcp.json

json

{
  "servers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@anthropic-ai/mcp-server-playwright"]
    },
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_TOKEN": "${input:github-token}"
      }
    }
  }
}

Використання MCP інструментів

Після налаштування MCP-серверів, Agent Mode автоматично використовує їх:

> Відкрий localhost:3000 у браузері та перевір, чи форма 
  реєстрації працює коректно. Якщо є баги — виправ.

Агент використає Playwright MCP для:

Відкриття браузера
Навігації на сторінку
Заповнення форми
Аналізу результату
Виправлення знайдених проблем у коді

Практичні приклади

Створення нового feature

Створи систему нотифікацій:
1. React context для управління нотифікаціями
2. Компонент Toast з анімацією
3. Hook useNotification для зручного використання
4. Підтримка типів: success, error, warning, info
5. Auto-dismiss через 5 секунд
6. Unit тести

Міграція бази даних

Мігруй з Sequelize на Prisma:
1. Створи Prisma schema на основі існуючих моделей Sequelize
2. Налаштуй підключення до бази
3. Оновити сервіси для використання Prisma Client
4. Запусти тести щоб переконатись, що все працює

Debugging

Додаток крашиться при завантаженні великих файлів (> 100MB).
Знайди причину та виправ. Додай:
- Streaming upload замість повного завантаження в пам'ять
- Progress bar
- Обмеження розміру файлу з повідомленням користувачу

Контроль Agent Mode

Підтвердження дій

Agent Mode запитує дозвіл на:

Виконання команд у терміналі
Створення нових файлів
Видалення файлів

Зупинка агента

Натисніть Stop у панелі чату, щоб зупинити поточну задачу. Всі вже застосовані зміни залишаться, але агент припинить подальші дії.

Undo змін

Використовуйте стандартний Ctrl+Z для скасування змін або git checkout для повернення до попереднього стану.

Поради для ефективного використання

Детальні промпти — описуйте не тільки що зробити, а й як
Вказуйте обмеження — що НЕ змінювати, які бібліотеки використовувати
Ітеративний підхід — краще кілька маленьких задач, ніж одна гігантська
Перевіряйте результати — дозволяйте агенту запускати тести

💡Порада

Agent Mode найефективніший для задач, що потребують змін у кількох файлах з перевіркою через термінал — наприклад, додавання нових features або виправлення складних багів.

Кастомні інструкції

Налаштуйте поведінку Agent Mode для проєкту

Claude Code Agent Mode

Порівняйте з агентним режимом Claude Code

Пов'язані