# openhop

Агент рисует интерактивную схему потока данных, которую можно проигрывать по шагам, останавливать и углубляться во вложенные ветки. Пригодится, когда нужно понять, как устроен чужой код.

- плагин · `type=plugin` · Claude Code · ★ 48
- Автор: naorsabag
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/naorsabag/openhop
- Обновлён: 2026-10-21
- HTML: https://affpapa.org/nevibecode/plugins/openhop

## Что делает

Плагин учит агента отвечать на вопросы о коде не текстом, а компактным YAML-описанием потока. Затем локальный CLI превращает его в анимированную диаграмму со шагами: запуск, пауза, переход вперёд и назад, перезапуск. Отдельные шаги раскрываются в подпотоки, если подробностей много.

Внутри — скилл `SKILL.md`, который агент читает при запросах вроде «покажи, как проходит запрос», плюс CLI и сервер из одного npm-пакета. Сервер поднимается сам при первом запросе схемы. Формат YAML выбран ради экономии: по данным из README, около 100 токенов на шаг вывода агента. Никакого MCP-сервера, который висел бы в контексте всю сессию.

Код остаётся на машине: аналитики и телеметрии нет. Быстрая установка — `npx openhop init`; она сама находит Claude, Cursor, Windsurf, Cline и Continue. Для остальных клиентов есть установка через OpenSkills или `/plugin`. Схему можно отдать коллеге ссылкой: playground сжимает её в URL, но для больших файлов лимит ссылки станет стеной — тогда передавайте YAML файлом.

## Установка

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

**Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin marketplace add anthropics/claude-plugins-community
```
В чате агента (не в терминале):
```text
/plugin install openhop@claude-community
```

## Когда брать
- разобрать поток авторизации в незнакомом репозитории
- показать коллеге, как запрос идёт через Express-приложение
- проследить обработку заказа от клика до результата
- разобрать машину состояний переподключения WebSocket
- объяснить, как работает инвалидация кэша в сервисе

## Примеры запросов агенту
- Проведи меня по основному потоку этого кодового репозитория.
- Нарисуй схему, как запрос проходит через это Express-приложение.
- Разбери, что происходит после нажатия Submit, по шагам.

## Похожие
- [ponytail](https://affpapa.org/nevibecode/plugins/ponytail.md) — плагин · ★ 176443
- [impeccable](https://affpapa.org/nevibecode/plugins/impeccable.md) — плагин · ★ 88212
- [last-30-days-skill](https://affpapa.org/nevibecode/plugins/last-30-days-skill.md) — плагин · ★ 65508
- [claude-hud](https://affpapa.org/nevibecode/plugins/claude-hud.md) — плагин · ★ 28841
- [understand-anything](https://affpapa.org/nevibecode/plugins/understand-anything.md) — плагин · ★ 88314
- [mem0](https://affpapa.org/nevibecode/plugins/mem0.md) — плагин · ★ 67829

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

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