Reviewable HTML Workbench — плагин
Плагин Claude Code и Codex: агент делает HTML-документ, вы комментируете его на странице, агент читает замечания и правит
- 301 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Запускает локальный веб-сервер превью, который при наличии Tailscale открывается в вашей сети tailnet
- Агент выполняет команды Python из плагина и пишет HTML, JSON и ресурсы на диск
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/reviewable-html-workbenchОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Запускает локальный веб-сервер превью, который при наличии Tailscale открывается в вашей сети tailnet
- Агент выполняет команды Python из плагина и пишет HTML, JSON и ресурсы на диск
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Reviewable HTML Workbench переносит обсуждение документа с агентом в сам документ. Агент собирает HTML-пакет со структурой, схемами и картинками, а вы открываете превью, выделяете текст или изображение и оставляете комментарий в нужном месте. Комментарии хранятся в JSON и привязаны к фрагменту, поэтому между итерациями ничего не теряется. Каждая ветка комментариев получает статус: needs_agent_review, needs_user_reply или resolved. По нему видно, чья очередь отвечать. Агент читает ветки, ждущие его, и отвечает в той же ветке. Готовый документ экспортируется одним самодостаточным HTML-файлом. В плагин входят три скилла. visual-html-renderer делает оформленный HTML с диаграммами. reviewable-design-doc собирает документ дизайна и ведет цикл правок по комментариям. plan-preview показывает план из Plan Mode как временную HTML-страницу до начала работы.
Для кого. Для разработчиков и аналитиков, которые просят агента писать дизайн-документы, отчеты и сравнения и хотят комментировать их по месту.
Подходит, если
- Агент подготовил дизайн-документ на десять страниц, и замечания к конкретным абзацам удобнее оставлять на самой странице
- Нужен HTML-отчет с диаграммами Mermaid и картинками, который можно отдать коллеге одним файлом
- Перед реализацией хочется увидеть план из Plan Mode как страницу с фазами, зависимостями и покрытием тестами
- Вы хотите, чтобы агент сам прочитал все ветки комментариев, ответил в них и обновил документ после вашего решения
Не подходит, если
- Нужен совместный редактор для нескольких людей в реальном времени: плагин ведет цикл между вами и агентом на локальном превью
- Превью нужно показать коллегам, а Tailscale у вас нет: тогда страница доступна только на вашей машине
- Вам нужен простой текстовый ответ в чате: для коротких вопросов цикл с превью избыточен
Пример запроса к агенту
Сделай дизайн-документ по миграции на новую очередь в HTML, который я смогу прокомментировать в браузереОграничения
Нужен Python 3.11 или новее, внешние пакеты для основного кода не требуются. Команды Python вызывает сам агент, а вы работаете со ссылкой на превью в браузере.
Пока вопрос в ветке не закрыт, агент не вносит согласованные правки в документ, поэтому закрывайте ветки после обсуждения. Встроенный инструмент Artifact в Claude Code может опубликовать HTML на claude.ai. Чтобы содержимое осталось локальным, этот инструмент отключают настройкой `disableArtifact`.
Как отключить. Выполните `claude plugin uninstall reviewable-html-workbench` и при необходимости удалите маркетплейс. Для Codex уберите плагин командой управления плагинами. Остановить запущенный превью-сервер можно скриптом bin/kill-review-preview.sh.
Частые вопросы
Как поставить Reviewable HTML Workbench в Claude Code?
Выполните `claude plugin marketplace add u-ichi/reviewable-html-workbench`, затем `claude plugin install reviewable-html-workbench`. Для локальной проверки подойдет `claude --plugin-dir /путь/к/плагину`.
Как поставить плагин в Codex CLI?
Добавьте маркетплейс командой `codex plugin marketplace add u-ichi/reviewable-html-workbench`, затем выполните `codex plugin add reviewable-html-workbench@reviewable-html-workbench-local`. Codex ставит плагин целиком, с английскими и японскими инструкциями скиллов.
Что означают статусы веток комментариев?
needs_agent_review означает, что ветка ждет ответа агента, needs_user_reply ждет вас, resolved закрыта. Ответ, который вы пишете после ответа агента, возвращает ветку к агенту.
Как получить итоговый документ одним файлом?
Переключитесь на чистый режим чтения без интерфейса ревью и скачайте HTML. Файл содержит все стили и картинки и сам определяет светлую или темную тему системы.
Доступно ли превью другим людям?
Сервер предпочитает адрес Tailscale и при его отсутствии слушает 127.0.0.1. Привязку к 0.0.0.0 плагин отклоняет, поэтому по умолчанию превью видно только вам и вашей сети Tailscale.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныСкилл-конвейер документов: что угодно в markdown, markdown в аккуратный html и docx уровня издательства, html обратно в markdown
Четыре плагина Claude Code от Mintlify: чтение чужой документации, соавторство, автономное письмо с запросом на слияние и проверка текстов по стилю
Готовый к форку шаблон Claude Code для академической работы: слайды, статьи, анализ данных с многоагентным ревью и воротами качества
Скилл рисует проверенные схемы архитектуры, процессов, последовательностей и потоков данных в один интерактивный HTML-файл
Скилл верстает по шаблонам резюме, одностраничники, письма, отчеты и слайды в PDF, PNG и PPTX и проверяет результат скриптами до выдачи
Скилл ведет агента от темы до обзорной статьи для arXiv в LaTeX IEEEtran: план на согласование, проверка каждой ссылки по живому источнику, сборка PDF
Сравнение с похожими
Записи с тем же главным запросом: чем они отличаются.
| Запись | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Reviewable HTML Workbench (эта запись) | нет | 301 | |
| Human Review | нет | 1 439 | визуальное редактирование HTML и Markdown с комментариями как в Google Docs; здесь комментарии ведут цикл ответов агента с точными статусами веток |
| Lavish Editor (lavish-axi) | нет | 4 348 | агент рисует план как HTML-страницу и получает отметки из браузера; Workbench добавляет экспорт одним файлом и документы дизайна |
Коротко о README
README строится вокруг цикла «сгенерировать, проверить, принять замечания, улучшить». Дальше идут установка для Claude Code и Codex, быстрый старт, таблица скиллов и схемы данных комментариев.