# Presenter Mode Developer

Реализует режим показа слайдов, телесуфлёр и навигацию клавишами в CoreAI DIY. Помогает подготовить интерфейс к демонстрациям.

- субагент · `type=agent` · Claude Code, GitHub Copilot · ★ 3149
- Автор: microsoft
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/microsoft/skills/tree/HEAD/.github/agents/presenter.agent.md
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/agents/presenter-mode-developer

## Что делает

Субагент настраивает режим демонстрации для холста CoreAI DIY, разделяя интерфейс на редактирование (`editing`) и показ (`viewing`). Он создаёт и изменяет компоненты в каталоге `src/frontend/src/components/presenter/`, включая полноэкранный контейнер `PresenterView`, панель со списком слайдов `PresenterSidebar` и блок заметок `Teleprompter`. В работе субагент опирается на четыре инструмента: `read`, `edit`, `search` и `execute`.

Логика отображения завязана на параметр `canvasMode` из хранилища `src/frontend/src/store/app-store.ts`. В режиме просмотра субагент отключает элементы масштабирования и настраивает горячие клавиши: стрелки для смены слайдов, пробел для паузы и `F` для полноэкранного режима. Заметки докладчика берутся из поля `script` и остаются скрытыми от зрителей. Без готового `canvasMode` в `app-store.ts` переключение режимов работать не будет.

## Требования
- Работает с: Azure

## Установка

### GitHub Copilot (родная платформа)

**Вручную: положить файлы**
- Файл: `.github/agents/presenter.agent.md`

### Claude Code

**Вручную: положить файлы**
- Файл: `.claude/agents/presenter.md` — Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию. Поле tools у Copilot перечисляет инструменты по-своему — уберите его или перепишите под Claude Code

### Codex

**Вручную: положить файлы**
- Файл: `.codex/agents/presenter.toml` — Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/agents/presenter.md` — Cursor понимает и .claude/agents/

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/microsoft/skills/tree/HEAD/.github/agents/presenter.agent.md

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

## Примеры запросов агенту
- Сделай компонент Teleprompter с настройкой размера шрифта для заметок спикера
- Скрой ресайзеры в компоненте VideoNode, если canvasMode равен viewing
- Настрой переключение слайдов по стрелкам в PresenterSidebar

## Похожие
- [frontend-developer](https://affpapa.org/nevibecode/agents/voltagent-community-frontend-developer.md) — субагент · 40905 установок
- [ui-ux-designer](https://affpapa.org/nevibecode/agents/ui-ux-designer.md) — субагент · 27069 установок
- [fullstack-developer](https://affpapa.org/nevibecode/agents/fullstack-developer.md) — субагент · 18117 установок
- [javascript-pro](https://affpapa.org/nevibecode/agents/javascript-pro.md) — субагент · 4974 установки
- [ui-designer](https://affpapa.org/nevibecode/agents/voltagent-community-ui-designer.md) — субагент · 1979 установок
- [ui-designer](https://affpapa.org/nevibecode/agents/ui-designer.md) — субагент · 1979 установок

Из того же набора: [microsoft/skills](https://affpapa.org/nevibecode/by/microsoft/skills.md) — 242 карточки

_Часть страницы не вошла по размеру — она есть в HTML-версии._

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