Back/Product/GitHub Spark
BeginnerProductGitHub Spark

How to Build a Kid-Friendly AI Fortune Teller App with GitHub Spark

Use a technique called 'vibe coding' to quickly build and refine a functional, stylized mobile app using a series of conversational prompts. This workflow walks through creating a kid-friendly fortune teller app from a simple idea to a working prototype in minutes, without writing any code.

From How I AI

How I AI: Vibe-Coding a Kid-Friendly AI Fortune Teller App for Halloween with GitHub Spark

with Claire Vo

How to Build a Kid-Friendly AI Fortune Teller App with GitHub Spark

Tools Used

GitHub Spark

GitHub's AI app builder for creating apps with natural language

Step-by-Step Guide

1

Provide the Initial App Concept Prompt

Start by giving GitHub Spark a clear, high-level instruction for the app you want to build. Define the basic components, the core action, and the overall theme.

Prompt:
make a mobile app, which when I click a button generates a new fortune. In the context of a fortune teller.
2

Generate and Review the First Version

Let Spark generate the initial Product Requirements Document (PRD), HTML, CSS, and JavaScript. Review the generated UI and test the core functionality. In this case, the first fortunes were too abstract for the target audience of young children.

3

Refine the Output with a Follow-up Prompt

Instead of editing code, use the chat interface to provide feedback and request changes. Give a new instruction to make the generated fortunes more suitable for your audience.

Prompt:
make each fortune only one sentence and make it kid friendly
4

Iterate with More Specific Feedback

Review the updated results. If they're still not quite right, provide even more specific feedback to guide the AI. Ask for a different tone, simpler language, or more concrete ideas.

Prompt:
Make the fortunes a little more concrete. And maybe a little more humorous. Try not to use such big words.
5

Test the Final, Polished App

Once the AI incorporates your final feedback, test the app again. You should now have a working, stylized mobile app that meets your specific requirements, created entirely through conversational prompts.

Become a 10x PM.
For just $5 / month.

We've made ChatPRD affordable so everyone from engineers to founders to Chief Product Officers can benefit from an AI PM.