Библиотека/Начни отсюда

Answer me with HTML: Claude Code отвечает на сложный вопрос одной понятной страницей

звёзд на GitHub
2,2K
меньше текста пишет модель
в 8 раз
на страницу вместо 31 с
12 с

Я Алексей, у меня на сервере 24/7 работает команда моих агентов в Telegram. Как собрать своего на Claude Code или Codex, показываю в трёх уроках workshop.alekseimedia.com

Каждый день разбираю в канале то, что сам поставил и проверил t.me/alekseimediaru

Спрашиваешь Claude Code что-то сложное и получаешь простыню текста, которую надо читать по строчке. С этим скиллом тот же ответ приходит одной страницей: схема, таблица и вывод видны сразу. По замеру автора страница готова за 12 секунд, а без скилла выходило 31.

Answer me with HTML: Claude Code отвечает на сложный вопрос одной понятной страницей: так выглядит сам инструмент

Что это

Скилл для Claude Code, Codex, Cursor и других агентов. Задаёшь сложный вопрос как обычно, а вместо стены текста получаешь одну страницу со схемами, таблицами и выводом. Модель пишет только короткий черновик, а раскладку, цвета и схемы делает программа внутри скилла. Открытый код, MIT. Что получается:

  • Как устроено: схема шагов, переходы и таблица на одной странице.
  • Сравнение: таблица с плюсами и минусами, в конце вывод.
  • Разбор текста: каждое предложение с пометками, что не так и как исправить.
  • История: лента событий с главными моментами.
  • Простой вопрос: без страницы. На вопрос в одну строку скилл отвечает одной строкой.

Страница это один файл. Открывается без интернета, её легко переслать. Ответить можно прямо на ней: оставить комментарий к блоку или выбрать вариант, а кнопка ответа соберёт всё в одно сообщение агенту.

Сайтanswer-me-with-html.comКодgithub.com/QingYunA/answer-me-with-html

Как запустить

  1. Шаг 1. Открой Claude Code

    Открой Claude Code в любой папке. Скиллу нужен Node.js версии 20 или новее, Claude проверит это сам.

  2. Шаг 2. Вставь промпт

    Скопируй промпт ниже. Claude поставит скилл по инструкции автора и проверит его на пробной странице.

  3. Шаг 3. Перезапусти и спроси

    Скилл включится в новой сессии Claude Code. Открой её и задай сложный вопрос, например сравни два варианта для своей задачи. Страница откроется в браузере.

Скопируй в Claude Code

Поставь мне скилл Answer me with HTML: прочитай инструкцию https://raw.githubusercontent.com/QingYunA/answer-me-with-html/main/INSTALL.md и сделай всё по шагам. Если Node.js нет или его версия ниже 20, поставь его сам или проведи меня по шагам. В конце коротко скажи по-русски, что поставил и что мне сделать, чтобы скилл заработал. Если что-то не ставится, объясни, в чём дело, и почини. Я не программист: всё, что можно сделать самому, делай сам.

Что ещё важно

Страница к каждому ответу

Есть режим, в котором агент прикладывает маленькую страницу к каждому выводу, плану или сравнению. Сами они не открываются и не мешают. По умолчанию режим выключен, попроси Claude его включить.

Код из твоих файлов

Если спрашиваешь про свой проект, код на странице берётся прямо из файлов, а не перепечатывается. Файлы с ключами и файлы вне папки скилл показывать отказывается.

Видео по просьбе

Попроси объяснить тему видео в стиле 3Blue1Brown, и скилл соберёт ролик: схема строится по шагам под голос. Видео он делает только тогда, когда ты просишь.

Честно

  • Цифры про скорость и токены это замер автора: 3 темы по 3 прогона на Claude Sonnet 5.5. Счёт за ответ, по его словам, падает меньше, около 15%: модель всё равно читает весь разговор.
  • Кнопки и шрифты сделаны под китайский, английский и японский. Русский текст работает, но кнопки на странице будут на английском.
  • Проверка стиля написана по правилам упрощённого технического английского и только предупреждает.
  • Страницы копятся в отдельной папке. Обновления не ставятся сами: раз в неделю скилл проверяет новую версию и говорит о ней.
Воркшоп

Хочешь агента, который работает на тебя?

Такие сценарии и агентов, которые их запускают сами, разбираю на воркшопе: три записанных урока, после них у тебя свой агент в Telegram, который работает 24/7.

Смотреть воркшоп

Нужно лично: созвон 1 на 1агент под ключ