agent-html-skills — плагин
19 скиллов: Claude Code строит HTML-страницу, вы работаете с ней в браузере, и ответ возвращается агенту без копирования
- 69 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Скилл открывает локальный слушатель на временном порту и следит за его журналом, чтобы принять ответ из браузера
- Агент пишет HTML-файлы на диск, а кнопка публикации может отправить страницу в Claude.ai
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/agent-html-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл открывает локальный слушатель на временном порту и следит за его журналом, чтобы принять ответ из браузера
- Агент пишет HTML-файлы на диск, а кнопка публикации может отправить страницу в Claude.ai
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Плагин развивает мысль, что HTML удобнее длинного Markdown как поверхность ответа агента: есть цвет, раскладка, шрифты и интерактивность. Он содержит 17 контентных скиллов и два служебных, `html-skills-listen` и `html-skills-stop`. Контентные скиллы строят архитектурные диаграммы, схемы связей, матрицы сравнения, обзоры кода, дорожные карты, презентации, исследовательские отчеты, макеты, чек-листы тестирования и интерактивные песочницы. В каждом `SKILL.md` заложены правила оформления, чтобы результат не выглядел шаблонным. Ключ механизма — локальный слушатель на временном порту. Скилл `html-skills-listen` запускается перед созданием страницы, а кнопка Submit на странице отправляет ваш ответ прямо в сессию Claude Code, и копировать JSON не нужно. Внутри веб-версии Claude Code и в песочнице без доступа к браузеру остается запасной путь через буфер обмена. Если доступен инструмент `Artifact`, на странице появляется кнопка публикации в Claude.ai.
Для кого. Пользователям Claude Code, которым удобнее выбирать и править результат на интерактивной странице, чем читать длинный текст в терминале.
Подходит, если
- Нужен сравнительный разбор вариантов в виде матрицы, где можно отметить выбор и вернуть его агенту
- Код-ревью удобнее просматривать на странице с разметкой и ответами
- Исследовательский отчет или дорожная карта собирается в оформленную HTML-страницу
- Схему базы данных нужно рассмотреть в интерактивном ER-обозревателе
- Чек-лист тестирования заполняется в браузере, а итог уходит агенту автоматически
Не подходит, если
- Нужен простой текстовый ответ в терминале: страница в браузере добавляет шаги
- Вы работаете в веб-версии Claude Code, где остается только запасной путь через буфер обмена
- Локальный порт и слушатель в вашей среде запрещены
Пример запроса к агенту
Сделай матрицу сравнения трех баз данных в HTML, чтобы я отметил выбор в браузере и ответ вернулся самОграничения
Автоматический возврат результата работает в локальной сессии Claude Code, где можно открыть слушатель на временном порту и запустить `Monitor` на его журнале. В веб-версии Claude Code и в изолированной среде остается копирование JSON через буфер. Кнопка публикации в Claude.ai появляется только когда доступен инструмент `Artifact`. Формат ориентирован на Claude Code, для обычного чата Claude.ai скиллы нужно переупаковать по спецификации из README через skill-creator. Скиллы описаны как настойчивые: они вызываются сами, когда подходят к задаче. Последний коммит сделан в октябре 2026 года.
Как отключить. Выполните `/plugin uninstall html-skills@agent-html-skills`. Слушатель закрывается скиллом `html-skills-stop` или вместе с сессией.
Частые вопросы
Как поставить плагин в Claude Code?
Выполните `/plugin marketplace add f-labs-io/agent-html-skills` и `/plugin install html-skills@agent-html-skills`. Вручную подойдет `npx skills add f-labs-io/agent-html-skills`.
Как результат попадает обратно к агенту?
Скилл `html-skills-listen` открывает локальный слушатель, и кнопка Submit на странице отправляет ответ прямо в сессию. Без слушателя результат копируется в буфер как JSON.
Нужно ли вызывать скиллы вручную?
Нет, Claude сам выбирает подходящий скилл, когда задача подходит. Каждая страница пишется в файл `.html`, который открывается в браузере.
Какие страницы умеет строить?
Диаграммы архитектуры и ER, матрицы сравнения, обзоры кода, дорожные карты, презентации, отчеты, макеты дизайна, чек-листы тестирования, интерактивные песочницы.
Работает ли в веб-версии Claude Code?
Да, но возврат идет через буфер обмена: слушатель на локальном порту там недоступен.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныНабор из семи скиллов для исследований, HTML-объяснений и цитирования источников, ставится целиком или по одному через npx.
Маркетплейс из 18 плагинов Claude Code: перевод ответов, веб-скрейпер, дизайн-системы, журнал сессий и другие.
Личная коллекция скиллов cafe3310: ведение проекта по спецификации, обзор кода, отчеты, браузер, 3D и видео в одном репозитории
Папку с HTML-страницами превращает в поверхность для комментариев: выделили текст, оставили заметку, агент поправил страницу.
Claude Skills (Alireza Rezvani)
Claude Code Skills & Plugins
Большая библиотека скиллов, агентов и команд по доменам: разработка, маркетинг, продукт, комплаенс, советники C-level и исследования
Набор из шести скиллов, которые собирают самодостаточные HTML-артефакты: вайрфреймы, прототипы, макеты, планы и диаграммы
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| agent-html-skills (эта карточка) | нет | 69 | |
| Reviewable HTML Workbench | нет | 302 | плагин для проверки HTML-результатов, здесь 17 контентных скиллов и автоматический возврат ответа слушателем |
| html-explainer | нет | 297 | скилл для пояснительных HTML-страниц, а здесь набор из 19 скиллов с двусторонним обменом |
Коротко о README
README ссылается на статью о пользе HTML как формата ответа агента и объясняет двусторонний обмен через локальный слушатель. Затем идут установка плагином и через `npx skills`, перечень скиллов, раздел о включении автоматического возврата, публикации в Claude.ai и переносе скиллов в обычный чат.