Настрой Pi под проект и проверь работу агента

Перейти к нужному моменту

1. 00:00Что такое Pi и зачем нужен минимальный агент▶
2. 01:48Запуск, вход и выбор модели▶
3. 03:07AGENTS.md и первая задача: трекер задач▶
4. 05:26Смена модели и запрос без изменения кода▶
5. 07:08Пакеты: MCP-адаптер и субагенты▶
6. 08:31Навык с исполнителем и ревьюером▶
7. 11:43Проверка приложения через Playwright MCP▶
8. 15:28Своё расширение с командой проверки▶
9. 17:19Шаблон промпта для ревью кода▶
10. 19:07Дерево сессии и ветки запросов▶

Выбери главу: видео выше начнётся с нужного момента.

Что происходит в ролике

Автор начинает с базового React/Vite-проекта, запускает Pi, выбирает модель и добавляет контекст в AGENTS.md. Затем поручает агенту сделать трекер задач, проверяет сборку и интерфейс, добавляет сохранение данных и подключает браузерную проверку. В конце показывает, как расширять Pi под свой процесс и возвращаться к прежним точкам сессии.

Перед практикой

• Открой свой проект или создай небольшой React/Vite-проект, как в видео. Проверь, что он запускается локально.
• Установи Pi по актуальной инструкции, запусти его из папки проекта и подключи доступную тебе модель через /login.
• Посмотри, какие команды сборки и проверки есть в package.json. Не копируй команды из примера, если в твоём проекте они отличаются.
• Создай отдельную ветку или копию проекта, чтобы было удобно сравнить изменения агента.

Пример AGENTS.md для React/Vite — адаптируй под свой проект

# Проект
React + TypeScript + Vite. Делаем небольшой трекер задач.

# Правила работы
- Сначала изучи существующие файлы и скрипты в package.json.
- Меняй только файлы, которые относятся к задаче.
- Не добавляй зависимости без необходимости.
- После изменений запусти доступные проверки: сборку, линтер и тесты, если они есть.
- В ответе перечисли изменённые файлы, результаты проверок и то, что мне нужно проверить в браузере.

Запрос к Pi: первый трекер задач

В существующем React-приложении сделай простой трекер задач для моих проектов: список задач, поле для новой задачи, добавление и отметку о выполнении. Покажи прогресс по задачам. Сохрани текущий стиль проекта и не добавляй библиотеку иконок. Прочитай AGENTS.md, затем внеси изменения. Запусти доступные в проекте проверки и напиши, как мне проверить основные действия в браузере.

Следующий шаг: сохранение данных

Добавь сохранение задач и их статусов в localStorage. После обновления страницы они должны восстанавливаться. Не позволяй добавлять пустую задачу или строку из одних пробелов. Если в Pi подключены субагенты, поручи реализацию исполнителю, а отдельную проверку — ревьюеру. Затем запусти проверки проекта и перечисли сценарии, которые ещё нужно пройти в браузере.

Запрос для проверки через Playwright MCP

Используй подключённый Playwright MCP и открой локально запущенное приложение. Проверь: задача добавляется; пустая задача и строка из пробелов не добавляются; статус выполнения меняется; после обновления страницы задачи и статусы сохраняются. Не ограничивайся сообщением о готовности: для каждого сценария напиши, что сделал и что увидел. Если браузерная проверка недоступна, скажи об этом прямо.

Что расширяет Pi в этом примере

• Пакеты добавляют нужные возможности: в ролике это MCP-адаптер и субагенты.
• Навык в .pi/skills/ описывает повторяемый процесс с исполнителем и ревьюером.
• Playwright MCP даёт агенту возможность проверить приложение в браузере, а не только прочитать код.
• Расширение в .pi/extensions/ добавляет исполняемую команду /check для сборки и линтера.
• Шаблон в .pi/prompts/ хранит повторяемый запрос на ревью без изменения кода; /tree помогает вернуться к прежней точке сессии.

Запрос к Pi: команда /check

Прочитай актуальную документацию Pi по extensions и создай для этого проекта расширение в .pi/extensions/, которое добавит команду /check. По этой команде последовательно запускай имеющиеся в package.json скрипты сборки и линтера, показывай результат каждого и возвращай ошибку, если проверка не прошла. После создания объясни, как перезагрузить ресурсы Pi и вызвать команду. Не меняй код приложения ради этой автоматизации.

Проверь результат сам

• Открой трекер и добавь задачу: она появилась в списке, а прогресс изменился.
• Отметь задачу выполненной и обнови страницу: задача и статус сохранились.
• Попробуй добавить пустую строку и только пробелы: список не изменился.
• Убедись, что сборка и линтер прошли; если у проекта нет такого скрипта, запиши это отдельно.
• Если подключил Playwright MCP или /check, посмотри их фактический результат, а не только итоговый ответ агента.

Бонус после базовой настройки Pi

Pi Power Pack разбирает восемь дополнений для документации, диагностики, согласования задач и рабочего процесса. Начни с одной нужной возможности и проверь её на своей задаче; в PDF есть команды, примеры и ссылки на источники.