Inki
← Все шаблоны
Отчётпроверен 24 сентября 2026 г.

Отчёт с оглавлением и графиками без библиотек

Длинный отчёт по данным: оглавление, выводы вверху, графики нарисованы SVG прямо в файле, таблицы, печатная версия.

Claude.ai и Claude DesktopChatGPTClaude CodeCursorОткрыть пример
Промпт
Сделай отчёт в одном HTML-файле по данным ниже. Тема отчёта: [тема]. Читатель: [кто]. Данные (вставь таблицу или список цифр): [данные].

Структура:
1. Шапка: название, дата, автор.
2. «Главное» вверху: три вывода по одному предложению, каждый с цифрой.
3. Оглавление со ссылками на разделы, прилипает слева на широком экране.
4. Разделы по данным: в каждом график, два-три абзаца и таблица. Графики рисуй inline SVG (столбцы, линии, доли) без внешних библиотек, с подписями осей и значений; цвета: один акцент [цвет] и серые.
5. Методика: откуда данные и что не учтено.
6. Следующие шаги: список из 3–5 пунктов.

Оформление: белый фон, ширина текста до 760px, шрифт с засечками для заголовков, без засечек для текста; при печати оглавление скрывается, разделы начинаются с новой страницы. Не выдумывай цифр: если данных не хватает, напиши «нет данных» в этом месте.

Правила Inki, добавляются к промпту при копировании:

## Правила Inki (добавь к результату)
- Внешние скрипты, стили и шрифты только с этих хостов: cdnjs.cloudflare.com, cdn.jsdelivr.net, unpkg.com, esm.sh, fonts.googleapis.com, fonts.gstatic.com, code.jquery.com, cdn.tailwindcss.com, mc.yandex.ru. Остальное Inki вырежет при публикации.
- Встраивать видео только с: www.youtube.com, www.youtube-nocookie.com, vk.com, vkvideo.ru, rutube.ru, kinescope.io.
- Без автоматических переходов, скачиваний и всплывающих окон при открытии.
- Отдай один самодостаточный файл index.html: стили и скрипты внутри, картинки рядом с файлом или по https.
- Обязательны <title> и <meta name="description">: из них Inki делает превью для соцсетей и поиска.
- Размер: index.html до 5 МБ, папка страницы до 50 МБ, один файл до 25 МБ.

Как достать артефакт

Claude.ai и Claude Desktop
  1. Открой артефакт справа от ответа
  2. Меню артефакта, «Скачать»: получишь файл .html
  3. Перетащи файл на inki.ru/new и нажми «Опубликовать»
ChatGPT
  1. Открой результат в Canvas
  2. Меню Canvas, «Скачать»: файл .html
  3. Перетащи файл на inki.ru/new и нажми «Опубликовать»
Claude Code
  1. Попроси сохранить результат в папку с index.html
  2. В терминале: npx -y inki-cli publish ./папка-со-страницей
  3. Или скажи агенту «опубликуй на Inki»: подключение на inki.ru/agent
Cursor
  1. Сохрани файл агента как index.html в отдельную папку
  2. В терминале: npx -y inki-cli publish ./папка-со-страницей
  3. Или скажи агенту «опубликуй на Inki»: подключение на inki.ru/agent

Готовый файл или папку: опубликовать на Inki.

Что получится

Отчёт, который читается с телефона и печатается в PDF; графики не ломаются без интернета, потому что нарисованы в самом файле.

Как доработать

Добавь в каждый раздел строку «что это значит для [читателя]».
Сделай переключатель «за месяц / за квартал» для первого графика, данные обе версии внутри файла.