Kapsula

APIПромптEnglish

ПРОМПТ → HTML → ВАШ ТЕЛЕФОН

ИИ написал HTML-таймер. Как превратить его в инструмент на телефоне

Kapsula 0.4.0: HTML по-прежнему работает. Теперь можно также импортировать отдельный .js, редактировать сохранённый исходник и копировать ошибки для ИИ. Инструкция и JavaScript-примеры →

Попросите ChatGPT, Claude или другой ассистент написать таймер фокуса одним HTML-файлом, а затем запустите этот файл внутри Kapsula на Android или iPhone. Для личного инструмента не нужны ни сборка приложения, ни публикация в сторе.

В инструкции есть готовый эталонный файл: сначала можно проверить импорт и уведомление на нём, а потом просить ИИ о своей версии. Ответ модели может отличаться; эталон — это реализация, на которой проверена инструкция.

HTML-файл из чата уже готов?

Его можно импортировать сразу: для этого не нужны APK, Xcode или хостинг. Инструмент открывается как проект внутри Kapsula на Android или iOS; отдельное приложение и отдельная иконка проекта на домашнем экране не создаются.

1. Сохраните один полный .html со встроенными CSS и JavaScript. Папка исходников React или инструмент, которому нужен сервер, сначала потребует адаптации.
2. Установите Kapsula из Google Play или App Store. Аккаунт Kapsula не нужен. Демо бесплатно; свои проекты требуют Pro: 7 дней пробного периода, затем месячная подписка или бессрочная покупка.
3. Нажмите Добавить проект, выберите файл или вставьте весь HTML и нажмите Запустить. На Android выберите файл из загрузок. На iPhone сохраните его в «Файлы», затем выберите из Kapsula; есть отдельная инструкция для iPhone на английском.
4. Проверьте кнопки, расчёты и сохранение данных. Для постоянного хранилища и уведомлений при заблокированном экране попросите ИИ адаптировать код по промпту Kapsula. Импорт сам по себе не заменяет браузерные API на нативные.

Самодостаточные проекты из файла или вставленного кода могут работать офлайн. Внешние API-запросы заблокированы в песочнице, а для сохранения данных нужен kapsula.storage. До адаптации сохраните копию исходного HTML. Таймер ниже — готовый пример для сравнения с вашим инструментом.

Скачать HTML таймераВзять промпт

Понадобятся Kapsula, один свободный слот проекта и разрешение на уведомления. Свои проекты входят в Kapsula Pro, он начинается с 7 бесплатных дней; встроенный пример бесплатен. В файле нет внешних зависимостей и сетевых запросов. Интерфейс таймера сам переключается на русский, если оболочка работает по-русски.

1. Попробуйте таймер

Фокус на 25 минут, перерыв на 5 минут или проверка на 30 секунд. Каждый интервал запускается кнопкой. Следующий интервал никогда не стартует сам.

Открыть интерактивный предпросмотр в браузере

Предпросмотр показывает интерфейс и отсчёт, но не проверяет уведомление на телефоне. Его сохранённое состояние отделено от проекта в Kapsula.

2. Попросите ассистента об одном HTML-файле

Скопируйте этот самодостаточный промпт (он на английском — так модели надёжнее следуют техническим условиям; интерфейс таймера получится двуязычным). Сохраните полный ответ как focus-timer.html, без Markdown-ограждений. Если результат не работает, начните с эталонного файла выше.

Create a mobile-friendly focus timer as ONE complete HTML file for Kapsula (https://kapsula.app/). Output the HTML only, with all CSS and JavaScript inline. No frameworks, CDNs, network calls or build step. The app runs inside Kapsula on Android/iOS. The shell injects window.kapsula before your script. Do not copy or implement the bridge yourself. All bridge methods return Promises: - K.app.info() -> {name, projectId, platform, version, lang}; lang is the shell interface language code, e.g. "en" or "ru". - K.storage.get(key) -> JSON value or null - K.storage.set(key, value) -> {} - K.notify.schedule({at, title, body}) -> {id}; at is a future Unix timestamp in MILLISECONDS. At most 16 pending notifications per project. - K.notify.cancel() -> cancels all pending notifications belonging to this project. Build buttons for Focus (25 minutes), Break (5 minutes), Test (30 seconds), and Stop. Only one interval may be active. Disable actions while an async operation is pending. Before replacing a timer, await cancellation of the previous notification. Save the absolute endAt and an interval key (focus, rest or test) under storage key focus-timer-v1, and restore them on every page load. Derive remaining seconds from endAt minus Date.now(), never from counting setInterval ticks. If saving after scheduling fails, try cancelling the new notification and display the error. Keep errors visible. Do not claim success when notification permission is denied. When an interval expires, show that it ended. Do NOT start another interval automatically. The page's JavaScript is not a background service. Starting a break always requires a user action. Use const K = window.kapsula || null. In Kapsula use only K.storage for persistence, not localStorage. In a normal browser use localStorage with error handling, and prominently label it Browser preview: no native background notification. Browser data and Kapsula project data are separate. Interface text: English by default; Russian when K.app.info().lang (inside Kapsula) or navigator.language (in a browser) starts with "ru". Keep both sets of strings in one object; the notification title and body use the same language. Keep the <title> as "Focus & break" because Kapsula uses it as the project name. Use a dark theme, large buttons, accessible contrast, a visible countdown and an error area. Explain that notification delivery and sound depend on device permissions and settings; do not promise operation after Android force-stop. Use no personal data or external services. Скопировать промпт

Скачать промпт текстом · Общий промпт Kapsula · Справочник по мосту

3. Импортируйте файл в Kapsula

1. Установите Kapsula из Google Play или App Store.
2. Откройте Kapsula и нажмите «Добавить проект». Выберите сохранённый HTML-файл (на Android — из «Загрузок», на iPhone — из приложения «Файлы») или вставьте весь HTML в поле «Вставь код из чата с ИИ».
3. Нажмите «Запустить». Проект получит имя «Focus & break» из тега <title>, а на экране появится надпись Запущено в Kapsula.
4. Без Pro после кнопки «Запустить» откроется экран Pro: начните 7 бесплатных дней, и проект сразу откроется. Чтобы позже заменить код существующего проекта, используйте «Обновить код» в его настройках и сначала сохраните копию старого кода.

4. Проверьте настоящее уведомление до первой длинной сессии

1. Нажмите Проверка · 30 сек и разрешите уведомления, если система спросит. Используйте Kapsula 0.2.2 или новее. Если во время ответа на системный запрос выбранные 30 секунд уже прошли, запустите проверку снова.
2. Когда отсчёт пошёл и появилась строка «Уведомление запланировано», заблокируйте телефон. Не останавливайте Kapsula принудительно в настройках Android.
3. Дождитесь уведомления на экране блокировки. Звук зависит от разрешений, настроек канала, режима «Не беспокоить» и устройства.
4. Откройте проект снова. Он покажет, что интервал закончился, и не начнёт перерыв сам.
5. Запустите вторую проверку, нажмите Стоп / сброс и убедитесь, что уведомление не пришло.

Обновлено 17.09.2026. В выпущенной 0.2.2 исправлена обработка долгого ожидания разрешения, отказа и отмены. Если срок прошёл во время системного диалога, запустите новый интервал. Таблица и кадры ниже относятся к проверке 0.2.1 от 13 сентября. Исправление дополнительно проверено 13–14 сентября на Android Emulator и iOS Simulator.

Что проверено

Эталонный файл прошёл цикл ниже 13.09.2026. Мосты Android и iOS у настоящих телефонов те же, что у эмулятора и симулятора, но звук, режим «Не беспокоить» и экономия батареи у каждого устройства свои — короткая проверка на 30 секунд нужна именно для этого.

Проверка	Android · эмулятор Pixel 7, Android 15, Kapsula 0.2.1	iOS · симулятор iPhone 17 Pro, iOS 26.4, Kapsula 0.2.1
Импорт HTML, «Запущено в Kapsula»	✓ выбор файла из «Загрузок»	✓ выбор файла из «Файлов» («На iPhone»)
Проверка 30 сек при заблокированном экране	✓ уведомление на экране блокировки, точный будильник (RTC_WAKEUP)	✓ уведомление на экране блокировки
Открыть проект до срока — срок сохранён	✓ 00:29 → выход → 00:21, без перезапуска	✓ фокус 25 мин → выход → снова открыт на 23:50
Открыть после срока — нет автозапуска	✓ «Интервал закончился»	✓ «Интервал закончился»
«Стоп» отменяет уведомление	✓ будильников 0, за 32 с ничего не пришло	✓ снова 25:00, счётчик будильников 0
Отказ в разрешении — видимая ошибка	✓ ошибка видна, таймер не стартует (в 0.2.1 текст мог сообщать о таймауте)	✓ то же

Кадры Android (RU):

Кадры iPhone (RU):

Английские кадры тех же шагов — в английской версии. Это проверка эталонного файла, а не гарантия для любого устройства: на реальном телефоне повторите шаг 4 сами.

5. Сделайте таймер своим

Попросите ассистента: «Сделай фокус 15 минут и перерыв 3 минуты. Не меняй ключ хранения, абсолютное время окончания, отмену уведомления и обработку ошибок». Остановите активный таймер, затем используйте «Обновить код» в настройках проекта. Обновление кода сохраняет хранилище проекта; удаление проекта — нет.

Почему таймер использует мост Kapsula

Страница вызывает kapsula.notify.schedule({at, title, body}), чтобы попросить систему показать уведомление в нужный момент, и сохраняет время окончания через kapsula.storage.set(). При повторном открытии отсчёт вычисляется из этого времени. JavaScript лишь обновляет цифры на экране и не обязан работать, пока приложение закрыто.

Если что-то не работает

Симптом	Что проверить
«Предпросмотр в браузере»	Файл открыт в браузере. Импортируйте его как проект Kapsula, чтобы проверить нативное уведомление.
Ошибка «таймаут notify.schedule»	Обновитесь до Kapsula 0.2.2 или новее: таймаут при ожидании системного разрешения исправлен. При отказе разрешите уведомления в настройках ОС. Если ошибка повторяется, сообщите версию приложения и шаг, на котором она возникла.
Уведомление приходит без звука	Проверьте звук, режим «Не беспокоить» и на Android — настройки канала уведомлений.
Сгенерированный файл не работает	Попробуйте эталонный файл, затем покажите ассистенту видимую ошибку и справочник по мосту.
После перезагрузки виден старый таймер	Так и должно быть: сохранённый срок восстановлен. Сбросьте его кнопкой «Стоп / сброс».

Чего этот пример не делает

Он не запускает сервер, не собирает произвольный React-проект, не крутит циклы фокус-перерыв в фоне и не гарантирует доставку после принудительной остановки. Это один самодостаточный HTML-инструмент внутри Kapsula. Проекту с внешними API нужна отдельная проверка совместимости.