Build Your First Game Using AI
Vibe Coding
In this vibe coding activity, students use natural-language prompts and an AI tool (Lovable) to build and customize their own games.
They'll learn what prompts are, practice iterating them, then publish and share their work.
- Free for teachers: full lesson plan and Lovable access via imagi, with a verified school email.
- For students: Lovable access is normally subscription-based for students. To support Hour of AI, we're offering 5 free credits per student.
Get in touch to request your student access: support@imagilabs.com
Teacher Start Guide
1
Sign up for imagi Edu
A creative CS and AI literacy platform combining standards-aligned lessons with interactive projects.
2
Paid feature:
Create student logins
Create anonymous accounts for your students. Students log in with the generated logins.
3
Guide the activity
Use the ready-made teacher slides to guide the activity. Beginner-friendly for both teachers and students!
Student Start Guide
1
Log in with classroom code
Log in with your teacher-shared username and password.
2
Start creating fun projects
Your imagination is your limit. Create and customize your own game!
Quick Info
Grades
6-12
Duration
1 hour
Level
Beginner
Guidance
Teacher-led
Language
NL prompts
Platform
Web/tablet
Teacher Resources
Lesson Plan
Step-by-step guide outlining objectives, activities, and discussion prompts.
Teaching Slides
Ready-to-present slides introducing vibe coding and AI-powered game development.
Troubleshooting Guide
Detailed guide for solving any issues you may encounter as you get started with the activity.
Good to Know
Setup Needed:
- A desktop, laptop, Chromebook, or tablet with an internet connection and an up-to-date browser
- Access to Lovable through imagi Edu
What is Lovable?
Lovable is an AI platform for building websites, apps, and games through natural language prompts. Teachers always have free access to experiment themselves and try out vibe coding with Lovable to create custom tools for their classroom. Teachers can also pay for student subscription to get students to safely try Lovable in the classroom.
What Happens When You Enable Lovable for students in imagi Edu:
- Students can log in with their credentials and immediately start creating.
- This is paid subscription.
Important Notes:
- Accounts are anonymous - no student personal data is shared with Lovable.
- You can view, copy, or export student credentials as printable reminder cards.
- If login issues occur, you can request up to 2 replacement accounts per student.
- You may enable or disable Lovable access for your students at any time.By enabling, you agree to the updated Terms of Service.
- Only a few credits (around 5-10) are needed for the first Vibe Coding lesson: Build Your First Video Game. Encourage students to use each prompt thoughtfully. The rest of the credits are there for optional exploration beyond the first lesson.
Standards Alignment:
AI Literacy Competencies (from AILit Framework)
- Evaluate: Decide whether AI outputs should be accepted, revised, or rejected.
- Create: Collaborate with generative AI to refine results and reflect on thought processes.
- Design: Describe how AI systems can support solutions to community or subject-based problems.
Examples of Student Created Projects
Try both of our Hour of AI activities
