Гайд · VS Code

Pixel Agents — агенты Claude Code в VS Code

Превращает агентов Claude Code в пиксельных персонажей прямо внутри VS Code. Каждый агент — отдельный персонаж, который печатает, читает файлы и ждёт твоего ответа.

Подготовка

Что нужно установить

1
VS Code
  1. Перейди на code.visualstudio.com
  2. Нажми Download for Windows
  3. Установи с настройками по умолчанию
2
Node.js
  1. Перейди на nodejs.org
  2. Скачай версию LTS
  3. Установи с настройками по умолчанию

Проверь в терминале:

node --version
3
Claude Code

Открой терминал и выполни:

npm install -g @anthropic-ai/claude-code

Авторизуйся:

claude

Следуй инструкциям для входа через браузер.

Установка

Pixel Agents

1
Открой VS Code

Запусти VS Code.

2
Установи расширение
  1. Нажми Ctrl+Shift+X — откроется панель Extensions
  2. В строке поиска введи Pixel Agents
  3. Найди расширение от pablodelucca
  4. Нажми Install
3
Открой панель Pixel Agents

После установки панель должна появиться внизу VS Code рядом с Terminal.

Если не появилась — нажми Ctrl+Shift+P, введи Pixel Agents и выбери из списка.

Или через меню: View → Open View... → введи Pixel Agents.

Запуск

Как запустить

1
Один агент
  1. В панели Pixel Agents нажми кнопку + Agent
  2. Откроется новый терминал с Claude Code
  3. Введи задачу прямо в терминале
  4. Персонаж появится в офисе и начнёт анимироваться
создай README.md для этого проекта
2
Несколько агентов параллельно
  1. Нажми + Agent ещё раз — появится второй персонаж
  2. Дай каждому свою задачу
  3. Каждый новый терминал = новый персонаж в офисе
Интерфейс

Что означают анимации

Анимация Что делает агент
Печатает за компьютеромПишет код или файлы
Смотрит в экранЧитает и анализирует файлы
Стоит и ждётОжидает твоего разрешения
Ходит по офисуПереходит между задачами
Пузырь над головойПоказывает текущее действие
Кастомизация

Настройка офиса

В панели Pixel Agents есть встроенный редактор офиса:

  1. Floors — выбери тип пола
  2. Walls — оформление стен
  3. Furniture — расставь мебель и столы
  4. Перетаскивай персонажей на конкретные столы

Можно загрузить собственные спрайты:

  1. В настройках расширения найди Custom Characters
  2. Укажи путь к папке со спрайтами
  3. Персонажи появятся в офисе
Ресурсы

Ссылки

Расширение в VS Code Marketplace Репозиторий на GitHub Документация Claude Code

Хочешь научиться деплоить проекты?

За 3 дня разберёшься с Docker, Nginx и CI/CD — и выложишь свой проект в прод.

Стать IT-инженером →