Inki
← Все шаблоны
Приложениепроверен 24 сентября 2026 г.

Калькулятор стоимости в одном файле

Мини-приложение: клиент выбирает параметры, видит цену сразу, копирует расчёт. Без сборки и без бэкенда, всё в index.html.

Claude.ai и Claude DesktopChatGPTDeepSeekClaude CodeCodexCursorОткрыть пример
Промпт
Сделай калькулятор стоимости как одностраничное приложение в одном HTML-файле, JavaScript внутри, без сборки и без внешних библиотек. Что считаем: [услуга или товар]. Параметры и цены:
- [параметр 1: варианты и цена каждого]
- [параметр 2: число от и до, цена за единицу]
- [параметр 3: галочки-опции с доплатой]

Поведение:
1. Цена пересчитывается сразу при любом изменении, без кнопки «Рассчитать».
2. Справа (на телефоне снизу) итог: сумма крупно и разбивка по строкам.
3. Кнопка «Скопировать расчёт» кладёт в буфер текст с параметрами и суммой.
4. Кнопка «Заказать» открывает ссылку [Telegram или почта] с текстом расчёта в сообщении.
5. Выбор сохраняется в адресе страницы (query), чтобы расчёт можно было отправить ссылкой.

Оформление: карточки, крупные переключатели, доступно с клавиатуры, адаптивно под телефон, один акцентный цвет [цвет]. В <title> и в meta description напиши, что это калькулятор [услуги].

Правила 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 и нажми «Опубликовать»
DeepSeek
  1. Скопируй код из ответа целиком
  2. На inki.ru/new открой вкладку «Код» и вставь
  3. Нажми «Опубликовать»
Claude Code
  1. Попроси сохранить результат в папку с index.html
  2. В терминале: npx -y inki-cli publish ./папка-со-страницей
  3. Или скажи агенту «опубликуй на Inki»: подключение на inki.ru/agent
Codex
  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.

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

Приложение, которое живёт по одному адресу и работает без сервера: расчёт в ссылке, итог копируется одной кнопкой.

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

Добавь режим «сравнить два варианта» рядом.
Перепиши на React в одном JSX-файле с export default, библиотеки только с esm.sh; Inki скомпилирует его сам.