Навык для AI-агентов, который оформляет диаграммы, обзоры diff, планы и таблицы в виде HTML-страниц вместо ASCII-графики.
QingYunA/answer-me-with-html
Навык для AI-агентов, который превращает ответ на сложный вопрос в автономную HTML-страницу со схемами, таблицами и продуманной вёрсткой.
- Звёзды
- 3,953
- Форки
- 275
- Открытые issues
- 8
- Последний коммит
- 8 часов назад
Что это?
Answer me with HTML — это навык для AI-агентов, работающих с кодом, например Claude Code, Codex и Cursor. Если на вопрос нельзя ответить одним абзацем, агент готовит краткий черновик в Markdown и передаёт его встроенной CLI, которая создаёт автономный HTML-файл. CLI отвечает за вёрстку, темы, SVG-схемы и размещение блок-схем, поэтому модели остаётся только написать текст.
На странице можно размещать блок-схемы, диаграммы последовательностей, ER-диаграммы, деревья, временные шкалы, графики, сравнительные таблицы и предложения с аннотациями; доступны темы blueprint, shadcn и paper. Исходный Markdown встраивается в каждую страницу, а зависимости от CDN и веб-шрифтов отсутствуют — страницу можно открыть офлайн. В проект также входит дополнительный режим видеообъяснений, который создаёт страницу с озвученным пошаговым плеером.
Для работы CLI требуется Node.js 20 или новее; кроме добавления навыка, устанавливать ничего не нужно. Проверка текста, адаптированная по ASD-STE100, предупреждает о длинных предложениях, пассивном залоге и расплывчатых формулировках.
Ключевые возможности
- 01Преобразует черновик Markdown в один HTML-файл, который работает офлайн без внешних зависимостей.
- 02Автоматически размещает блок-схемы и задаёт интервалы в диаграммах последовательностей с учётом ширины подписей.
- 03Предлагает темы blueprint, shadcn и paper, каждая — в светлом и тёмном вариантах.
- 04Поддерживает таблицы с отметками и крестиками, код с цитатами из исходных файлов и графики.
- 05Создаёт страницы с видеообъяснениями и озвучкой, которые можно экспортировать в браузере.
Сценарии использования
- Объяснение протокола или архитектуры системы с помощью диаграмм последовательностей и состояний.
- Наглядное представление связей между модулями кодовой базы с деревом папок и графом вызовов.
- Сравнение вариантов технологий, например баз данных, на одной удобной для чтения странице.
- Разбор плана или черновика: отмечайте решения прямо на странице, а затем вставляйте ответы обратно в диалог с агентом.
Быстрый старт
- 1
Установите Node.js 20 или новее
- 2
Установите плагин Claude Code (запустите внутри Claude Code)
/plugin marketplace add QingYunA/answer-me-with-html - 3
Установите плагин из marketplace
/plugin install answer-me-with-html@answer-me-with-html - 4
Или установите его в любой агент с помощью skills installer
npx skills add QingYunA/answer-me-with-html
Что важно знать
- Для работы CLI и skill необходимо установить Node.js 20 или новее.
- Режим постоянной работы по умолчанию выключен. Чтобы включить его, добавьте правило в файл правил вашего агента.
- Обновления устанавливаются вручную; CLI лишь проверяет наличие новых версий в фоновом режиме.
Темы
Частые вопросы
- Что такое answer-me-with-html?
- Навык для AI-агентов, который превращает ответ на сложный вопрос в автономную HTML-страницу со схемами, таблицами и продуманной вёрсткой. Answer me with HTML — это навык для AI-агентов, работающих с кодом, например Claude Code, Codex и Cursor. Если на вопрос нельзя ответить одним абзацем, агент готовит краткий черновик в Markdown и передаёт его встроенной CLI, которая создаёт автономный HTML-файл. CLI отвечает за вёрстку, темы, SVG-схемы и размещение блок-схем, поэтому модели остаётся только написать текст.
- answer-me-with-html можно использовать бесплатно? Какая у него лицензия?
- answer-me-with-html распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- answer-me-with-html всё ещё поддерживается?
- Активно поддерживается. Последний коммит в answer-me-with-html — 20 окт. 2026 г..
- Для чего можно использовать answer-me-with-html?
- Объяснение протокола или архитектуры системы с помощью диаграмм последовательностей и состояний. Наглядное представление связей между модулями кодовой базы с деревом папок и графом вызовов. Сравнение вариантов технологий, например баз данных, на одной удобной для чтения странице. Разбор плана или черновика: отмечайте решения прямо на странице, а затем вставляйте ответы обратно в диалог с агентом.
- Как установить answer-me-with-html?
- Установите Node.js 20 или новее Установите плагин Claude Code (запустите внутри Claude Code): /plugin marketplace add QingYunA/answer-me-with-html Установите плагин из marketplace: /plugin install answer-me-with-html@answer-me-with-html Или установите его в любой агент с помощью skills installer: npx skills add QingYunA/answer-me-with-html
- Где скачать answer-me-with-html?
- Исходный код и инструкции по установке — на GitHub: https://github.com/QingYunA/answer-me-with-html
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
CLI и слой навыков для установки и настройки каналов, проверки их работоспособности и доступа AI-агентов к поиску в Twitter, Reddit, YouTube, Bilibili, XiaoHongShu и других сервисах.
Плагин для Claude Code, Codex и OpenCode, который собирает базы знаний для Obsidian: проводит параллельные исследования, загружает источники и отвечает на вопросы.
Навык для AI-агентов, который помогает создавать креативные 3D-визуализации: превращать идею в сцену Three.js или Blender с помощью рецептов, наборов и захвата кадров.
Навык в стиле Claude Code, который превращает запрос о поездке в проверенный маршрут в одном HTML-файле на основе актуальных веб-источников.
Agent Skill, который превращает тему в поясняющее видео с озвучкой, встроенными субтитрами и обложками, рендеря HTML-кадры локально в MP4.