GitHub-радар

Навык превращает ответ агента в страницу, а не стену текста

Answer me with HTML берёт короткий Markdown-черновик от Claude Code, Codex или Cursor и сам собирает из него страницу с диаграммами и таблицами.

01QingYunA/answer-me-with-html 5.6kJavaScript

Answer me with HTML — навык для ИИ-агента: когда ты задаёшь сложный вопрос в Claude Code, Codex, Cursor, OpenCode или ещё паре агентов, модель пишет короткий Markdown-черновик и передаёт его встроенной программе, а та собирает из него одну HTML-страницу с диаграммами, таблицами и темой оформления. Авторы сами замерили разницу: страница, написанная моделью от руки, в среднем занимала 4893 токена, из которых большая часть — это координаты SVG и CSS, которые модель считала вручную; с навыком те же вопросы заняли в среднем 612 токенов, примерно в восемь раз меньше, а страница была готова за 12 секунд вместо 31. Схемы верстает библиотека dagre, а диаграммы-последовательности раскладываются по ширине подписей, поэтому стрелки не упираются в пустоту. По запросу навык собирает и короткие объяснительные видео в стиле роликов 3Blue1Brown, где схема дорисовывается по ходу озвучки; на видео экономия ещё больше — по тесту авторов, токенов уходит в 18 раз меньше, а готовится ролик в 12 раз быстрее. Страницы — это обычные офлайн-файлы HTML без обращения к внешним серверам, поэтому их можно открыть и переслать без интернета.

Зачем это вайб-кодеру

Для тех, кто каждый день работает в Claude Code или похожем агенте, длинные объяснения архитектуры и ответы-сравнения — это именно тот тип ответа, который тяжело читать в терминале. Этот навык не делает модель умнее, он просто не даёт ей криво и медленно рисовать HTML руками, а экономия токенов здесь измерена авторами, а не просто заявлена. Честное ограничение такое: это ещё одна папка с навыком, которую нужно держать в агенте, а на короткий вопрос вроде «как показать скрытые файлы в ls» навык не лезет и просто отвечает текстом, что и правильно.

Как поставить

Скопируйте и отправьте своему агенту — Claude Code, Codex, любому:

Поставь навык Answer me with HTML из https://github.com/QingYunA/answer-me-with-html — прочитай INSTALL.md из репозитория и действуй по нему, спроси меня, если что-то понадобится. Когда поставишь, объясни мне вопрос [впиши свой вопрос] и покажи получившуюся страницу.

Запустится на обычном ноутбуке — нужен только Node.js 20 или новее, видеокарта и подписки не нужны.

Открыть на GitHub