GalleryBridge APIPrompt

From an AI chat to a phone app in 10 seconds

Short answer: copy the HTML the assistant gave you, open Kapsula, tap Add project → paste → Run. Done: it's an app on your phone with its own storage. Add one line to the prompt and it also gets real alarms.

The usual dead end

ChatGPT and Claude are great at producing a single-file HTML tool — a Pomodoro, a shift planner, a medication list. Then you open it on the phone and it's a browser tab: no icon, state gone tomorrow, and the "alarm" never rings when the screen is off. Kapsula is the missing runner.

Do it right: the prompt

Use the ready prompt for AI assistants. It tells the model the five things that matter: everything inline (no CDNs), state in kapsula.storage, alarms through kapsula.notify.schedule, the 16-alarm limit, and graceful fallback in a normal browser. The result works in Chrome on your laptop and in Kapsula on the phone.

Steps

  1. Paste the prompt into ChatGPT/Claude, add "Build: a tea timer with 3 and 5 minute buttons".
  2. Copy the HTML from the answer (the whole file, from <!DOCTYPE html>).
  3. In Kapsula: Add project → paste → Run. On iPhone and Android alike.
  4. Iterate: ask the assistant for changes, then Update code in the project settings — storage and alarms stay intact.

See finished examples in the gallery, each with source you can hand to an assistant as a starting point.

FAQ

Which AI works best?
Any that writes HTML: ChatGPT, Claude, Gemini, Copilot. The prompt is model-agnostic.
My page uses a CDN script — will it work?
Not inside the sandbox: external requests are blocked. Ask the assistant to inline everything (or avoid the library).
Can I update the code later without losing data?
Yes — Update code keeps the project storage and alarms.
Kapsula — free for Android and iOS. Google Play · App Store · kapsula.app