Andrej Karpathy — сооснователь OpenAI, бывший глава AI в Tesla и один из самых уважаемых голосов в области ИИ — сегодня поделился советом, который уже становится вирусным. Совет состоит из одной строки:
Совет Карпати
"В конце любого промпта добавьте: Format your entire response as a complete HTML document. Затем сохраните вывод как response.html и откройте в браузере."
Вот и всё. Одно предложение в конце любого промпта превращает стену текста в оформленный интерактивный документ с правильными заголовками, цветными секциями, таблицами, сворачиваемыми аккордеонами и даже поддержкой тёмной темы. Работает в ChatGPT, Claude и Gemini. Знания программирования не требуются.
Почему это работает так хорошо?
Когда вы просите ИИ текст, модель даёт информацию. Когда просите HTML, модель оформляет информацию. ИИ не просто отвечает на вопрос — он создаёт макет, выбирает визуальную иерархию, организует секции и представляет контент так, чтобы его можно было сразу просканировать взглядом.
Разница огромная. Текстовый ответ на тему «топ-10 фреймворков JavaScript» даёт нумерованный список с абзацами. HTML-ответ — таблицу сравнения с цветовой кодировкой рейтингов, сворачиваемыми деталями для каждого фреймворка и адаптивным макетом, работающим на любом экране.
Как говорит Карпати: «Длинные плотные блоки текста — даже хорошо оформленный Markdown — быстро утомляют. Вашему мозгу приходится выполнять всю тяжёлую работу: разбирать структуру, удерживать контекст и мысленно форматировать информацию. HTML полностью меняет правила игры.»
Как это сделать на практике?
Три шага. Занимает меньше минуты.
Шаг 1: Напишите промпт как обычно. Любая тема, любая модель ИИ.
Шаг 2: Добавьте в конец эту строку: «Format your entire response as a complete HTML document with modern styling, clean layout, proper headings, and a dark background with light text.»
Шаг 3: Скопируйте HTML-вывод, сохраните как файл .html (подойдёт любой текстовый редактор) и откройте в браузере.
Вот и всё. Теперь у вас красиво оформленный документ вместо стены текста.
💡 Pro Tip
Добавьте «include collapsible sections, tables where appropriate, and a table of contents at the top» к вашему HTML-промпту для ещё лучших результатов. ИИ создаст интерактивные элементы, которые можно кликать для раскрытия и сворачивания.
📬 Получаете пользу от этого? Мы публикуем еженедельные советы по ИИ, которые реально меняют вашу работу. Получайте в inbox →
---Какие 5 промптов лучше всего работают как HTML?
Не каждый промпт выигрывает от HTML-выводa. Быстрые вопросы не нуждаются в нём. Но эти пять категорий преображаются:
| Случай использования | Почему HTML лучше | Пример окончания промпта |
|---|---|---|
| Сравнения | Таблицы бок о бок с цветовой кодировкой | «...as HTML with a comparison table and pros/cons highlighted» |
| Шпаргалки | Организованная сетка, готово к печати | «...as a printable HTML cheat sheet with sections and examples» |
| Сводки исследований | Сворачиваемые секции, ключевые моменты выделены жирным | «...as HTML with collapsible sections and a summary table at the top» |
| Руководства по обучению | Пошаговое раскрытие, интерактивно | «...as an interactive HTML guide with expandable explanations» |
| Матрицы решений | Взвешенные таблицы с визуальным скорингом | «...as HTML with a scored decision matrix and recommendation» |
Чего HTML-вывод не может?
Это не магия. Есть ограничения:
Нет настоящей интерактивности. HTML статический — без подключений к базам данных, живых данных или функций реального приложения. Это оформленный документ, а не веб-приложение.
Качество варьируется по моделям. Claude обычно даёт самый чистый HTML с лучшим визуальным дизайном. ChatGPT иногда усложняет CSS. HTML от Gemini функционален, но менее отполирован.
Избыточно для коротких ответов. Если спрашиваете «столица Франции», запрос HTML-вывода тратит токены и ваше время. Эта техника для ответов, которые обычно занимают 500+ слов текста.
Требует сохранения файла. Нужно скопировать вывод, сохранить как .html и открыть в браузере. Это несколько лишних секунд, но не так seamless, как чтение прямо в чате.
В чём главная мысль Карпати?
Совет по HTML практичный, но подспудный аргумент Карпати важнее: «Мы всё ещё используем интерфейсы уровня 2022 года для интеллекта уровня 2026-го.» Мы вводим текстовые промпты и получаем текстовые ответы. Но эти модели могут генерировать интерактивные документы, визуальные объяснения, 3D-симуляции и динамичные интерфейсы. Мы едва царапаем поверхность того, как ИИ может представлять информацию.
Карпати предсказывает следующую эволюцию: ответы ИИ в виде интерактивных видео, 3D-симуляций или динамичных визуализаций, генерируемых на лету. Вместо чтения о чём-то вы это переживаете. HTML — первый шаг в этом направлении, и он доступен прямо сейчас.
Это напрямую связано с context engineering — навыком контроля не только того, что говорит ИИ, но и как он представляет информацию. Формат вывода — часть контекста. Промпт с указанием «format as HTML with collapsible sections» даёт принципиально другие (и лучшие) результаты, чем тот же промпт без инструкций по формату.
Для большего количества практических советов по промптам попробуйте бесплатный Prompt Optimizer — он перестраивает любой промпт для лучшего вывода, включая спецификации формата. А для полного фреймворка эффективного промптинга смотрите наше руководство ICCSSE.
---📬 Хотите больше такого? Практические советы по ИИ от тех, кто их строит, еженедельно. Подпишитесь бесплатно →
---Часто задаваемые вопросы
Работает ли это в ChatGPT, Claude и Gemini?
Да. Все основные модели ИИ могут генерировать HTML. Claude обычно даёт самый чистый визуальный дизайн. ChatGPT и Gemini тоже работают хорошо. Попробуйте на той модели, которую обычно используете.
Нужно ли знать HTML или программирование?
Нет. Вы вообще не редактируете HTML. Скопируйте вывод ИИ, сохраните как файл .html в любом текстовом редакторе (даже Блокноте) и откройте в браузере. ИИ делает весь код.
Можно ли поделиться HTML-выводом с коллегами?
Да. Файл .html самодостаточен — просто отправьте файл, и любой сможет открыть в своём браузере. Сервер или хостинг не нужны. Работает оффлайн.
Какой лучший промпт для отличного HTML-вывода?
Добавьте в конец любого промпта: «Format your entire response as a complete, self-contained HTML document with modern styling, clean typography, a dark color scheme, proper headings, tables where appropriate, and collapsible sections for detailed explanations.» Чем конкретнее вы описываете дизайн, тем лучше результат.
Раскрытие информации: Некоторые ссылки в этой статье — партнёрские. Мы рекомендуем только инструменты, которые лично тестировали и используем регулярно. См. нашу полную политику раскрытия.