What if one prompt could build a real, deployable app - and spin up as many as 100 versions of it at the same time? That's exactly what Omma's Canvas does. And below you'll get 15 copy-paste app prompts you can drop straight in, plus a free bonus: how to design each screen first in Google Stitch.

Omma is a new AI canvas from Spline where a single prompt fans out to up to 100 AI agents working in parallel, each building its own page - so you explore many directions at once instead of waiting for versions one by one. It's free to start with no credit card, and what it ships is real HTML, CSS, and JavaScript you can actually deploy. Pair it with Google Stitch for the UI and you've got a genuinely free idea-to-app pipeline.

100agents / prompt
50free credits / mo
$0no credit card
15ready prompts

What is Omma? The AI canvas with 100 parallel agents

Most AI builders run one model, one step at a time, and make you wait. Omma - built by Spline, the browser-based 3D design company, and launched in 2026 - does the opposite. On the Canvas, a single prompt can fan out up to 100 agents in parallel, each building its own page, so you get many directions to choose from instead of one.

Under the hood it orchestrates specialized agents at once - code generation, image creation, even 3D - and everything renders live on an editable canvas. It outputs responsive pages and multi-file apps in HTML/CSS/JavaScript (with React when needed), plus games and 3D scenes, and the results are built to be shipped to the web.

💡

"App" means web app here. Omma builds fast, installable, mobile-first web apps you deploy to a URL - not native App Store / Play Store binaries. Every prompt below is written as a mobile-first web app, which is exactly what Omma is great at.

1 How to build an app with Omma

  1. Go to omma.build and create a free account (no credit card).
  2. Click the Canvas option and create a new file.
  3. Paste one of the build prompts below into the input box.
  4. Optionally pick a different model and set how much effort it puts into generating - or just leave the defaults.
  5. Hit generate and watch Omma build the whole app live.
⚠️

About the free plan. Omma's free tier gives you 50 credits a month, and generating many parallel versions at once burns through credits fast - so on the free plan you'll usually run one version at a time. Upgrading is what unlocks fanning a single prompt out to up to 100 versions. Credit limits change, so check your dashboard.

2 Bonus: design your UI free with Google Stitch

Google Stitch is a free tool from Google Labs (stitch.withgoogle.com) that turns a text prompt into a high-fidelity mobile or web UI - and gives you clean HTML/CSS you can export. You only need a Google account: no credit card, no install. It's the fastest way to get past the blank screen before you build.

It runs on Google's Gemini models in two modes - a fast Standard mode (great for quick layouts and Figma export) and a higher-fidelity Experimental mode (supports image input and code export). Stitch works best one screen at a time: generate a screen, then refine it with small, targeted follow-up prompts.

🎯

The trick that makes the pipeline click: design a screen in Stitch, screenshot it (or export the code), then attach that image to your Omma build prompt. Omma accepts image inputs, so it can match your design closely instead of guessing. Free design → free build.

The Stitch → Omma workflow

  1. Stitch: paste the 🎨 design prompt → generate the screen → apply the 1–2 refinements one at a time (Stitch rebuilds layouts if you stack changes, so keep edits atomic). Screenshot or export the code.
  2. Omma: paste the ⚡ build prompt as-is → it builds the runnable app → iterate with small follow-ups like "make the ring thicker" or "change accent to amber" → publish.
  3. Bonus: attach the Stitch screenshot to the Omma prompt so the build matches the design 1:1.
  4. All 15 use local storage only - no backend, no login - so they're publishable the same day.

15 free app-builder prompts (Stitch + Omma)

Each app below has two prompts: a 🎨 Stitch prompt to design the screen for free, and a ⚡ Omma build prompt to build the working, deployable app. Tap Copy on any block. Optional Stitch refinements are tucked under each design prompt.

1 · DozeWell 2 · Loopy 3 · SipUp 4 · Spendly 5 · Stillness 6 · FocusRing 7 · Notely 8 · Dayline 9 · SkyGlance 10 · MacroMate 11 · RepBook 12 · Cookmark 13 · Moodly 14 · SubSum 15 · FlashLoop
1

DozeWell Sleep tracker

A calm sleep tracker built around one hero element: a large circular 24-hour dial with draggable bedtime and wake handles and the sleep duration in the center.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a calm, minimal sleep tracker app called DozeWell. Dark midnight-navy theme (#0E1330) with a soft lavender accent (#A78BFA) and white text. Center: a large circular 24-hour dial with two draggable handles - a moon icon for bedtime and a sun icon for wake-up - with the sleep duration "7h 32m" displayed in the middle of the ring. Below the dial: a pill-shaped "Start Sleep" button, then a row of three stat chips (Sleep goal, Quality %, Streak). Bottom section: a weekly bar chart of sleep hours labeled Mon–Sun. Rounded 20px cards, soft glow on the dial, clean modern sans-serif, generous spacing. Bottom navigation: Home, Stats, Sounds, Profile.
＋ Optional Stitch refinements (one at a time)
Refine 1
Add a subtle purple glow behind the circular dial and make the bedtime handle slightly larger.
Refine 2
Change the weekly bar chart bars to rounded tops and highlight tonight's bar in lavender.
⚡ Omma build prompt - build the app
Build a mobile-first sleep tracker web app called DozeWell. Screens: Home with a circular 24-hour dial where the user drags a bedtime handle and a wake-up handle (compute and show the duration in the center), plus a "Start Sleep / Wake Up" toggle that logs real sessions with timestamps; Stats with a weekly bar chart of hours slept, average duration, and best streak cards; Settings with a sleep-goal picker (hours) and a sound toggle. Persist all sessions and settings in local storage. Dark midnight-navy background (#0E1330), lavender accent (#A78BFA), rounded cards, clean sans-serif, subtle glow on the dial. Responsive and touch-friendly, works offline.
2

Loopy Habit tracker

A friendly, list-based habit tracker with per-habit color, a flame streak count, a 7-dot week strip, and a big one-tap complete button.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a friendly habit tracker app called Loopy. Light cream background (#FAF7F2) with playful multi-color accents. Top: today's date, a short greeting, and a rounded progress bar showing "4 of 6 habits done". Main area: a vertical list of habit cards - each card has a colorful rounded-square icon, the habit name (e.g., Drink water, Read 20 min, Morning walk), a streak count with a small flame icon, a row of 7 tiny dots representing this week (filled = done), and a large circular check button on the right edge. Floating "+" action button bottom-right. Bottom navigation: Today, Stats, Profile. Rounded 16px corners, soft shadows, cheerful modern feel, friendly rounded sans-serif.
＋ Optional Stitch refinements (one at a time)
Refine 1
Make the completed habit cards slightly faded with a green check state.
Refine 2
Add a small confetti burst illustration behind the progress bar when all habits are done.
⚡ Omma build prompt - build the app
Build a mobile-first habit tracker web app called Loopy. Screens: Today with a "X of Y done" progress bar and a list of habit cards (colored icon, name, flame streak count, 7-dot week strip, big tap-to-complete circle button - tapping toggles today's completion and updates the streak); an Add/Edit Habit modal with name, emoji icon picker, color picker, and days-per-week frequency; Stats with a monthly completion heatmap grid and best-streak cards per habit. Streak logic: consecutive completed days, resets on a missed scheduled day. Persist everything in local storage. Light cream background, playful accent colors per habit, rounded 16px cards, soft shadows. Responsive, touch-friendly, subtle check animation.
3

SipUp Water tracker

A single-purpose hydration app optimized for a 2-second log: a water-fill progress ring plus quick-add chips.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a clean water intake tracker app called SipUp. Light theme with a fresh blue palette (#E8F4FD background, #2196F3 primary, deep navy text). Hero: a large circular progress ring that fills like water, showing "1,250 / 2,000 ml" and "62%" in the center with a small droplet icon. Below the ring: three quick-add pill buttons (+150 ml, +250 ml, +500 ml) and a smaller "Custom" button. Then a "Today" section with log rows - each row shows a droplet icon, the amount, and the time (e.g., 250 ml · 9:40 AM) with a small delete icon. Top bar: date and a settings gear. Minimal, airy, rounded, friendly sans-serif.
＋ Optional Stitch refinements (one at a time)
Refine 1
Add a subtle wave animation texture inside the progress ring fill.
Refine 2
Add a small streak badge "5-day goal streak" under the quick-add buttons.
⚡ Omma build prompt - build the app
Build a mobile-first water tracker web app called SipUp. One main screen: a large animated circular ring that fills as water is logged, showing "X / goal ml" and percent; quick-add buttons for +150, +250, +500 ml plus a custom-amount input; a Today list of entries with time stamps and swipe/tap-to-delete; the day auto-resets at midnight and the previous total is saved to history. Second screen: History with a 7-day bar chart and goal-hit indicator per day. Settings: daily goal in ml and unit toggle (ml/oz). Persist logs, history, and settings in local storage. Fresh blue palette (#2196F3 primary), light background, rounded components, smooth fill animation. Responsive and installable-feeling (PWA-style layout).
4

Spendly Expense tracker

A readable personal-finance overview: a gradient balance card, a category donut chart, and a signed recent-transactions list.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a personal expense tracker app called Spendly. Light background with a bold indigo-to-violet gradient header card. Header card: "Spent this month" with a large amount (₹24,380), and two small stats below it for Income and Expenses with up/down arrows. Under the card: a donut chart showing spending by category with a compact legend (Food, Transport, Shopping, Bills) in distinct colors. Below: a "Recent transactions" list - each row has a rounded category icon in a tinted circle, a title and date, and a right-aligned amount (expenses in red with minus, income in green with plus). Month selector chips at the top, floating "+" button bottom-right, bottom nav: Home, Stats, Budget, Profile. Modern fintech feel, rounded 16px cards, clean sans-serif.
＋ Optional Stitch refinements (one at a time)
Refine 1
Make the donut chart thicker with the total amount displayed in its center.
Refine 2
Add small category filter chips above the transactions list.
⚡ Omma build prompt - build the app
Build a mobile-first expense tracker web app called Spendly. Screens: Home with a gradient summary card (this month's spent, income, expenses), a donut chart of spending by category, and a recent transactions list; an Add Transaction modal with amount, type (expense/income), category picker (Food, Transport, Shopping, Bills, Health, Fun, Other - each with icon and color), note, and date; a Stats screen with month selector and per-category totals as horizontal bars. Transactions are editable and deletable. Currency symbol selectable in settings (₹ default). Persist all data in local storage. Indigo/violet gradient accents on a light background, rounded cards, red/green signed amounts, fintech-clean typography. Responsive, fast, no login.
5

Stillness Breathing & meditation

An atmosphere-first breathing app: a deep gradient background, a glowing central circle that guides your breath, and session-length chips.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a serene breathing and meditation app called Stillness. Full-screen deep gradient background from dark purple (#2D1B69) to teal (#0F766E). Center: a large glowing translucent circle with concentric rings, with the text "Breathe in" inside and a thin progress ring around it. Under the circle: four session-length chips (1 min, 3 min, 5 min, 10 min) with the 5 min chip selected. Lower section: three horizontal category cards - Calm, Focus, Sleep - each with a soft line icon and a short subtitle. Very minimal top bar with just a profile avatar. Light-weight elegant sans-serif, lots of breathing room, dreamy and calm mood.
＋ Optional Stitch refinements (one at a time)
Refine 1
Add a faint particle/star texture to the gradient background.
Refine 2
Make the central circle's glow pulse slightly stronger and soften all card borders.
⚡ Omma build prompt - build the app
Build a mobile-first breathing app called Stillness. Main screen: a large central circle that smoothly scales up and down to guide breathing, with the current phase label (Breathe in / Hold / Breathe out); pattern selector with three modes - Box 4-4-4-4, Relax 4-7-8, and Simple 4-6; session length chips (1, 3, 5, 10 min) and a Start/Stop button; show a thin ring countdown for the session and a gentle completion state with total sessions count. Optional soft chime at phase changes using Web Audio (toggle in settings). Track total minutes and sessions completed in local storage and show them on a small Stats screen. Full-screen purple-to-teal gradient (#2D1B69 → #0F766E), glowing translucent circle, elegant light typography, buttery 60fps CSS animations. Responsive, works offline.
6

FocusRing Pomodoro timer

A distraction-free Pomodoro timer: a huge circular countdown, mode tabs, and session dots that track your cycle.

🎨 Stitch prompt - design the screen
Design a mobile timer screen for a focused Pomodoro app called FocusRing. Dark charcoal theme (#1A1A1E) with a tomato-red accent (#FF5A5F). Top: three segmented mode tabs - Focus, Short Break, Long Break - with Focus selected. Center: a huge circular progress ring with "25:00" in extra-large bold digits inside, and a small editable task label under the digits ("Editing YT script"). Below the ring: a wide rounded "Start" button and a row of 4 small session dots (2 filled, 2 empty). Small stats line at the bottom: "Today: 3 sessions · 75 min". Minimal top bar with a settings icon. Bold geometric sans-serif, high contrast, distraction-free layout.
＋ Optional Stitch refinements (one at a time)
Refine 1
Make the progress ring gradient from red to orange as time elapses.
Refine 2
Swap the Start button to a Pause state with an outlined style.
⚡ Omma build prompt - build the app
Build a mobile-first Pomodoro web app called FocusRing. Main screen: a large circular countdown ring with the remaining time in big digits, mode tabs (Focus 25 min, Short Break 5 min, Long Break 15 min), Start/Pause and Reset controls, an editable current-task label, and 4 session dots - after each Focus session completes, advance the dots and auto-switch to the correct break (long break after 4). Play a short completion sound (Web Audio) and flash the tab title. Settings modal: custom durations, auto-start next session toggle, sound toggle. Stats: today's completed sessions and total focus minutes, plus a simple 7-day bar chart. Persist settings and stats in local storage; keyboard shortcut Space = start/pause. Dark charcoal theme (#1A1A1E), tomato-red accent (#FF5A5F), oversized digits, smooth ring animation. Responsive and accurate timing even when the tab is backgrounded (use timestamps, not intervals).
7

Notely Notes

A Keep-style notes app where color is the organization system: a search pill, filter chips, and a two-column masonry grid of pastel cards.

🎨 Stitch prompt - design the screen
Design a mobile notes home screen for a colorful notes app called Notely. Light background (#FFFFFF) with pastel note cards in soft yellow, mint, lavender, peach, and sky blue. Top: a rounded search bar "Search notes", then horizontal filter chips (All, Work, Ideas, Personal). Main area: a two-column masonry grid of note cards with different heights - each card has a bold short title and a 2–4 line text snippet in smaller gray text; one card shows a small pin icon top-right and one shows a checklist preview with two checkbox lines. Floating "+" button bottom-right in charcoal. Rounded 14px card corners, subtle borders instead of heavy shadows, friendly modern sans-serif.
＋ Optional Stitch refinements (one at a time)
Refine 1
Add a small colored dot tag row at the bottom of two of the cards.
Refine 2 (editor screen)
Design the note editor screen: full-screen card in the note's pastel color with title field, body text area, color picker row, and pin/delete icons in the top bar.
⚡ Omma build prompt - build the app
Build a mobile-first notes web app called Notely. Screens: Home with a search bar (live filter on title + body), filter chips by tag, and a two-column masonry grid of pastel note cards; a full-screen note editor with title, body, a pastel color picker (6 colors), tag input, and pin toggle - autosave on change; pinned notes float to the top of the grid. Long-press or an overflow menu on a card gives Edit / Pin / Delete (with confirm). Persist all notes in local storage with created/updated timestamps, newest first. Light theme, pastel card palette (yellow, mint, lavender, peach, sky), rounded 14px corners, subtle borders, smooth card-open transition. Responsive: 2 columns on mobile, 3–4 on desktop.
8

Dayline To-do list

A clean, date-grouped task list with a completion ring, priority color bars, and Today / Tomorrow / Upcoming sections.

🎨 Stitch prompt - design the screen
Design a mobile to-do list screen for a clean task app called Dayline. White background with an indigo accent (#4F46E5) and gray-scale text hierarchy. Header: "Today" with the date, and a small circular progress indicator showing "68%". Sections with bold headers: Today, Tomorrow, Upcoming. Each task row: a circular checkbox on the left, task title, a small gray meta line with a time or date, and a thin colored priority bar on the left edge of the row (red = high, amber = medium, green = low). Two tasks in Today are completed with strikethrough and faded style. Floating "+" button bottom-right. Bottom nav: Tasks, Calendar, Stats. Crisp, minimal, rounded 12px rows, comfortable spacing.
＋ Optional Stitch refinements (one at a time)
Refine 1
Add a filter row of chips under the header: All, Work, Personal, Errands.
Refine 2 (add sheet)
Design the add-task bottom sheet: title input, date picker chips (Today, Tomorrow, Pick date), priority selector, and a Save button.
⚡ Omma build prompt - build the app
Build a mobile-first to-do web app called Dayline. Screens: Main list auto-grouped into Today, Tomorrow, Upcoming, and Someday based on due date, with a header progress ring for today's completion percent; each task row has a circular checkbox (tap to complete with strikethrough + move to a collapsible Completed group), title, due info, and a priority color bar (high/medium/low). Add/Edit via a bottom sheet: title, due date quick chips (Today, Tomorrow, custom date), priority, and optional note. Swipe or menu to delete with undo toast. Filter chips by priority. Persist tasks in local storage; overdue tasks get a red date label and float to the top of Today. White base, indigo accent (#4F46E5), rounded rows, satisfying check animation. Responsive and keyboard-accessible (Enter adds a quick task).
9

SkyGlance Weather

A modern weather app on a condition-matched gradient, using the free Open-Meteo API (no key) for current, hourly, and 7-day forecasts.

🎨 Stitch prompt - design the screen
Design a mobile weather home screen for an app called SkyGlance. Full-screen blue sky gradient background (#4A90E2 to #7BB8F0) with white text and frosted-glass translucent cards. Top: city "Patna" with today's date and a location icon. Hero: an oversized temperature "31°" with a sun-and-cloud illustration beside it, condition text "Partly cloudy", and a small row with H:34° L:26° and Feels like 33°. Middle: a horizontally scrolling row of hourly forecast pills - each with time, a small weather icon, and temp (Now, 1 PM, 2 PM...). Bottom: a frosted card with a 7-day forecast list - day name on the left, weather icon and rain % in the middle, hi/lo temps on the right. Airy, glassmorphism, rounded 20px cards, light modern sans-serif.
＋ Optional Stitch refinements (one at a time)
Refine 1
Add a subtle cloud illustration behind the temperature and soften the glass card blur.
Refine 2
Show a rainy-day variant: darker blue-gray gradient with rain streak texture and an umbrella-friendly palette.
⚡ Omma build prompt - build the app
Build a mobile-first weather web app called SkyGlance using the free Open-Meteo API (no API key). Features: on load, ask for geolocation (fallback: a city search box using Open-Meteo's geocoding endpoint); show current temperature, condition text and icon, feels-like, hi/lo; a horizontally scrolling 24-hour forecast row; and a 7-day forecast list with icons, rain probability, and hi/lo. Map weather codes to clean inline SVG icons. Background gradient changes with condition (sunny, cloudy, rain, night). °C/°F toggle, last-fetched data cached in local storage so it works offline with a "last updated" label. Frosted-glass cards over the gradient, oversized temperature type, smooth horizontal scroll. Responsive, fast, graceful error states.
10

MacroMate Calorie & macros

A clean nutrition dashboard: a calories-remaining ring, protein/carb/fat bars, and meal sections you log food into.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a calorie tracking app called MacroMate. Light background (#F8FAF9) with a teal-green accent (#10B981). Hero: a large circular ring with "1,240 kcal remaining" in the center and small labels around it for Goal 2,200 · Food 960 · Exercise 0. Below: three slim horizontal progress bars labeled Protein 62/140g, Carbs 110/220g, Fat 30/70g in distinct soft colors. Then four meal cards - Breakfast, Lunch, Dinner, Snacks - each with a title, total kcal on the right, a "+" add button, and 1–2 logged food rows (name, portion, kcal). Date switcher arrows at the top. Rounded 16px cards, clean health-app aesthetic, readable sans-serif.
＋ Optional Stitch refinements (one at a time)
Refine 1
Make the calorie ring a gradient from teal to lime and slightly thicker.
Refine 2 (add sheet)
Design the add-food bottom sheet: food name, kcal, protein/carb/fat gram inputs, portion, and meal selector.
⚡ Omma build prompt - build the app
Build a mobile-first calorie tracker web app called MacroMate. Screens: Today with a large calories-remaining ring (goal minus logged food), three macro progress bars (protein/carbs/fat, grams vs targets), and four meal sections (Breakfast, Lunch, Dinner, Snacks) each listing logged items with kcal and a + button; an Add Food bottom sheet with name, calories, protein, carbs, fat, portion, and meal - plus a small "recent foods" list for one-tap re-adding; date navigation arrows to view/edit previous days. Settings: daily calorie goal and macro targets in grams. Persist everything per-date in local storage. Light clean theme, teal accent (#10B981), rounded cards, smooth ring animation. Responsive; numbers-first layout with zero clutter.
11

RepBook Workout logger

A gym-day logger with energy: a "Today's Workout" hero card, exercise rows with set info, and an active-workout mode with a rest timer.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a workout logging app called RepBook. Dark theme (#101014) with a lime accent (#B4F53F) and bold condensed numerals. Top: a greeting with a small flame streak badge "12-day streak". Hero: a "Today's Workout" card - workout name "Push Day A", meta line "6 exercises · ~45 min", and a large lime "Start Workout" button. Below: a list of exercise rows - exercise name (Bench Press, Incline DB Press, Cable Fly...), "4 × 8 · 60 kg" style set info, and a small muscle tag chip on the right. Bottom: a weekly bar chart card labeled Mon–Sun showing workout volume with today's bar highlighted in lime. Bottom nav: Home, Workouts, History, Profile. Strong, energetic, gym-brand aesthetic.
＋ Optional Stitch refinements (one at a time)
Refine 1
Add checkmarks on two completed exercises with a subtle lime left border on those rows.
Refine 2 (active screen)
Design the active-workout screen: current exercise big at top, set list with weight/reps steppers, a rest timer chip, and Finish button.
⚡ Omma build prompt - build the app
Build a mobile-first workout logger web app called RepBook. Screens: Home with a streak badge, a "Today's Workout" card and a weekly volume bar chart; Workouts where users create routines (name + list of exercises, each with target sets, reps, and weight); an Active Workout mode - step through exercises, log each set with weight/reps steppers, check sets off, auto rest timer between sets (configurable 60/90/120s with a beep), and a Finish summary (total volume = sets × reps × weight, duration); History listing past sessions with date, duration, and volume. Persist routines and history in local storage. Dark theme (#101014), lime accent (#B4F53F), bold condensed numbers, satisfying set-check animation. Responsive, thumb-friendly controls, works offline.
12

Cookmark Recipe browser

A warm recipe browser seeded with built-in recipes: search, category chips, a featured card, and a servings stepper that scales ingredients.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a cozy recipe app called Cookmark. Warm cream background (#FFF8F0) with a terracotta accent (#E2725B). Top: "What do you want to cook?" heading and a rounded search bar with a filter icon. Category chips below: Breakfast, Lunch, Dinner, Dessert, Snacks (Breakfast selected). Featured section: one large recipe card with a full-bleed food photo, a dark gradient overlay at the bottom with the recipe title "Creamy Garlic Pasta", and two small badges - "⏱ 25 min" and "★ 4.8". Below: a two-column grid of recipe cards, each with a food photo, title, a time + rating row, and a bookmark icon in the top-right corner of the photo. Bottom nav: Home, Search, Saved, Profile. Appetizing, warm, rounded 18px cards, editorial food-magazine feel.
＋ Optional Stitch refinements (one at a time)
Refine 1 (detail screen)
Design the recipe detail screen: hero photo, title, time/servings/difficulty chips, an ingredients checklist with a servings stepper, and numbered step cards.
Refine 2
Add a "Saved" state variant of the bookmark icon filled in terracotta.
⚡ Omma build prompt - build the app
Build a mobile-first recipe web app called Cookmark, seeded with 16 built-in recipes in a JSON file (4 each: Breakfast, Lunch, Dinner, Dessert - realistic names, ingredients with quantities, numbered steps, cook time, servings, rating). Screens: Home with search (filters by title/ingredient), category chips, a featured card, and a 2-column recipe grid with bookmark toggles; Recipe Detail with hero image area, meta chips (time, servings, difficulty), an ingredients checklist where a servings stepper scales quantities proportionally, and numbered step cards with a "cooking mode" step-by-step view; Saved screen listing bookmarked recipes. Persist bookmarks and checklist state in local storage. Use soft color-block placeholders with food emoji if images are unavailable. Warm cream theme, terracotta accent (#E2725B), rounded cards, editorial typography. Responsive: grid becomes 3–4 columns on desktop.
13

Moodly Mood journal

A gentle daily check-in: a 5-face mood picker, a calendar that colors each day by mood, and a recent-entries list.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a gentle mood journal app called Moodly. Soft pastel theme: light lilac background (#F5F2FB), rounded cards, warm friendly feel. Top: "How are you feeling today?" heading with a row of five circular mood faces from sad to happy in a red-to-green pastel scale - the fourth one selected and slightly larger. Middle: a monthly calendar card for July where logged days show a small colored dot matching that day's mood color; today has a subtle outline. Bottom: "Recent entries" - list rows with the date, the mood emoji in a tinted circle, and a one-line note snippet ("Good shoot day, edited 2 shorts..."). Small streak chip near the top: "7-day check-in streak". Bottom nav: Home, Calendar, Insights. Rounded 18px corners, soft shadows, diary-like coziness.
＋ Optional Stitch refinements (one at a time)
Refine 1 (entry screen)
Design the entry screen: selected mood large at top, a "What made you feel this way?" tag row (Work, Sleep, Friends, Health), and a note text area with a Save button.
Refine 2
Make the calendar dots slightly larger with a soft glow on today.
⚡ Omma build prompt - build the app
Build a mobile-first mood journal web app called Moodly. Screens: Home with a 5-level mood picker (tap a face to select), optional context tags (Work, Sleep, Friends, Health, Fun), an optional short note field, and a Save Check-in button - one entry per day, editable if re-opened; a Calendar month view where each day is colored by its mood level with prev/next month navigation; an Entries list showing date, mood, tags, and note, with delete. Show a check-in streak counter. Persist entries in local storage keyed by date. Soft pastel lilac theme, red-to-green pastel mood scale, rounded cards, gentle transitions. Keep the tone light and cozy - a simple diary, not a clinical tool. Responsive and private (all data stays on-device; say so in a small footer line).
14

SubSum Subscription tracker

A money-awareness dashboard: a monthly-total hero, an upcoming-renewals section, and the full subscription list with brand-colored logos.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a subscription tracker app called SubSum. Elegant dark theme (#0D0D12) with a violet accent (#8B5CF6) and white text. Hero card: "Monthly spend" with a large amount "₹1,847" and a smaller line "≈ ₹22,164 / year". Below it: an "Upcoming renewals" section with 2 highlighted rows - each with a colored logo circle with the service initial, service name, price, and a small chip like "Renews in 3 days". Then "All subscriptions": rows with logo circle, name (Netflix, Spotify, iCloud, Gym), billing cycle label (Monthly/Yearly), and right-aligned price. Floating "+" button bottom-right. Bottom nav: Home, Calendar, Stats. Premium fintech feel, rounded 16px cards, subtle dividers, tabular numerals for prices.
＋ Optional Stitch refinements (one at a time)
Refine 1
Add a slim horizontal category bar (Entertainment, Music, Cloud, Fitness) under the hero card showing spend share by color.
Refine 2 (add sheet)
Design the add-subscription sheet: name, price, billing cycle toggle (monthly/yearly), first bill date, category, and color picker.
⚡ Omma build prompt - build the app
Build a mobile-first subscription tracker web app called SubSum. Screens: Home with a monthly-total hero card (sum of all subs normalized to monthly; yearly subs ÷ 12) plus a yearly projection line, an Upcoming Renewals section (subs renewing within 7 days, sorted soonest first, with "Renews in X days" chips), and the full subscription list; an Add/Edit sheet with name, price, currency symbol (₹ default, changeable in settings), billing cycle (monthly/yearly), next renewal date, category (Entertainment, Music, Cloud, Fitness, Other), and accent color - the logo circle shows the service's first letter on that color; a Stats view with spend by category as a donut or bars. Auto-roll renewal dates forward when they pass. Persist everything in local storage. Elegant dark theme (#0D0D12), violet accent (#8B5CF6), tabular numerals, premium fintech feel. Responsive; empty state with a friendly "Add your first subscription" illustration.
15

FlashLoop Language flashcards

A playful flashcard app with a lightweight spaced-repetition system, streaks, XP, and starter German + Japanese decks.

🎨 Stitch prompt - design the screen
Design a mobile home screen for a playful flashcard learning app called FlashLoop. Light background with bright, chunky accents - primary green (#22C55E) and purple (#8B5CF6). Top bar: a flame icon with "12" day streak and a lightning icon with "340 XP". Hero: a "Continue learning" card for the deck "German A1 - Basics" with a progress bar "24 / 60 cards mastered" and a big rounded "Practice" button. Below: "Your decks" - a 2-column grid of deck cards, each with a cheerful emoji or flag, deck name (German A1, Japanese Hiragana, Kitchen Words, Travel Phrases), card count, and a small circular mastery ring. Floating "+" button for a new deck. Bottom nav: Learn, Decks, Stats, Profile. Chunky 20px rounded corners, bold friendly sans-serif, energetic and game-like but original (not a Duolingo copy).
＋ Optional Stitch refinements (one at a time)
Refine 1 (practice screen)
Design the practice screen: a large flip card centered (front shows "der Apfel", back shows "the apple"), a progress bar on top, and three answer buttons below - Again (red), Good (yellow), Easy (green).
Refine 2
Add a small daily-goal ring next to the streak showing 15/20 XP today.
⚡ Omma build prompt - build the app
Build a mobile-first flashcard web app called FlashLoop with a lightweight spaced-repetition system. Seed two starter decks in JSON: "German A1 Basics" (30 cards) and "Japanese Hiragana" (30 cards) with front/back text. Screens: Home with streak flame, XP counter, a "Continue learning" card, and a deck grid with mastery rings; Practice mode - show the card front, tap to flip with a 3D flip animation, then rate Again / Good / Easy which schedules the next review (Again = today, Good = +2 days, Easy = +5 days, growing with repetitions) and awards XP (streak = practiced on consecutive days); Deck manager to create decks and add/edit/delete cards (front, back, optional hint); Stats with cards mastered, reviews per day (7-day bar chart), and total XP. Persist decks, card schedules, XP, and streak in local storage. Bright playful theme - green (#22C55E) and purple (#8B5CF6) on light, chunky rounded shapes, juicy button feedback. Responsive; keyboard shortcuts 1/2/3 for Again/Good/Easy and Space to flip.

How to run the pipeline fast

  • Be specific. Vague prompts get generic UIs. The prompts above already name screens, components, colors, and interactions - keep that level of detail when you tweak.
  • One Stitch change at a time. Stitch rebuilds layouts when you stack edits, so apply refinements individually.
  • Attach the screenshot to Omma. It grounds the build to your design and cuts back-and-forth.
  • Pick model + effort in Omma when a build is complex; leave defaults for quick ones.
  • Watch your credits on the free plan - run one version at a time, then iterate with small follow-ups instead of regenerating from scratch.
  • Ship the same day. All 15 use local storage only, so there's no backend to set up before publishing.

FAQ

Is Omma free?

Yes - Omma has a free plan with about 50 credits per month and no credit card required. Generating many parallel versions of a prompt uses more credits, so heavy use (or fanning out to up to 100 versions at once) is where the paid plans come in. Limits can change, so check your dashboard.

Is Google Stitch free?

Yes. Google Stitch is a free Google Labs tool at stitch.withgoogle.com. You just need a Google account - no credit card. It has monthly generation limits that differ by mode (a faster Standard mode and a higher-fidelity Experimental mode).

Do I need to know how to code?

No. You describe the app in plain English, Stitch designs the UI, and Omma builds the working app. Basic familiarity helps when you want to tweak the output, but you can go from prompt to deployable app without writing code.

Can I deploy Omma apps to production?

Yes. Omma outputs real HTML/CSS/JavaScript built for the web, and it's designed for production deployment (paid plans add things like custom domains). The 15 apps here use local storage only, so they publish as-is with no backend.

What's the difference between Omma and Google Stitch?

Stitch designs the interface - the screens and the look - and gives you HTML/CSS. Omma builds the functional, interactive app with logic and persistence. Use Stitch for the UI, then Omma to make it actually work. They're complementary, not competitors.

Can I build native iPhone or Android apps with this?

Not App Store binaries directly. Both tools focus on web and mobile-web UI. Every prompt here is a mobile-first web app that feels app-like on a phone and installs PWA-style - perfect for shipping fast without app-store review.

Google Stitch vs Figma - which should I use?

Different jobs. Figma is a manual, blank-canvas design tool built for teams and design systems. Stitch generates a high-fidelity starting point from a prompt in seconds and exports to Figma or code. For solo builders who want a UI fast, Stitch wins; for deep collaborative design work, Figma still leads.

Final thoughts

Omma's parallel-agent canvas plus Google Stitch's free UI generation is one of the most beginner-friendly, genuinely free ways to go from idea to deployable app right now. Design the screen in Stitch, paste one of the 15 build prompts into Omma, attach your screenshot, and iterate. No credit card, no backend, no code required - just prompts and taste.

Copy a prompt, build the app, and ship it today.

Found this useful? Subscribe to PreppHint on YouTube for more vibe-coding builds, AI tool breakdowns, and real products you can ship.