Repolode
QingYunA

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. 1

    Установите Node.js 20 или новее

  2. 2

    Установите плагин Claude Code (запустите внутри Claude Code)

    /plugin marketplace add QingYunA/answer-me-with-html
  3. 3

    Установите плагин из marketplace

    /plugin install answer-me-with-html@answer-me-with-html
  4. 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 обновляется ежедневно.

Похожие проекты