Build a one-button fortune teller in GitHub Spark, then tune the generator for short, concrete, age-appropriate fortunes and test enough outputs to catch repetition or an unexpectedly scary result.
Source episode · 02:54
How I AI: Vibe-Coding a Kid-Friendly AI Fortune Teller App for Halloween with GitHub Sparkwith Claire Vo
Marco builds the fortune teller live in GitHub Spark, then Claire and Marco tighten the output from abstract prose to short, concrete, funny fortunes that work for young children.
A mobile fortune teller that produces one short, concrete, playful fortune per tap without collecting a child's personal information.
GitHub's AI app builder for creating apps with natural language
Step by step
Follow the sequence once, then adapt the prompts, checks, and handoffs to your own setup.
5 steps
Tell Spark what happens when the user taps the button, who the audience is, and what the app must not collect. Start with one screen and one action.
Make a mobile fortune teller app for children ages [range]. When an adult taps one large button, show one new fortune. Do not ask for a name, birthday, photo, voice sample, or other personal information. Keep the first version to one screen.
Open the generated app on the device you plan to use. Check the button, text size, contrast, tap target, loading behavior, and several initial fortunes before changing the visual design.
Replace broad requests such as "kid friendly" with a clear reading level, length limit, safe subject matter, and a few representative examples.
Make every fortune one sentence and understandable to a [age]-year-old. Use concrete events a child can picture. Keep the tone warm and playful. Avoid danger, death, romance, money, health, identity, appearance, and promises about the child's future.
Sample at least 30 fortunes. Note repeated objects, difficult words, abstract phrases, and any output that would be awkward to read aloud, then revise those specific patterns.
The current results repeat [pattern] and use words such as [examples]. Vary the subject, setting, and sentence shape. Use everyday words, gentle humor, and a concrete action or surprise. Here are three outputs to keep as style references: [examples].
Test the finished loop on the event device with the adult operator. Confirm that each tap produces a readable result, that the interface recovers from an error, and that approved backup fortunes are available if the connection fails.
Turn an idea into a PRD, user stories, and a plan.
After the steps
How to recover when the loop fails and where human judgment helps.
Recover
Keep building
Log your workouts effortlessly without ever opening a spreadsheet. This workflow uses the Claude mobile app to parse a simple voice note and automatically update your workout tracking spreadsheet in the background.
Create a custom email management interface within Claude to read, triage, and draft replies without opening the Gmail tab. This workflow helps you reclaim focus and compound your learnings by training your AI on every interaction.
Build a fully automated system in Claude to generate personalized, interactive HTML proposals and client onboarding materials, saving hours on administrative work and creating a high-touch experience.
Join 100,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.