Vibe Coding: Build Your First Game Using AI
A teacher-led lesson in which students use natural-language prompts and AI tools (via Lovable) to build and customize their own games. Students will learn what prompts are, iterate and refine them, test their games, and then publish and share their work. Includes all teaching materials and students’ games can be tailored to any subject.
Teacher Start Guide
1
Sign up for imagi Edu
A creative CS and AI literacy platform combining standards-aligned lessons with interactive projects.
2
Create student logins
Create free, 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.
Setup Guide
Directions for enabling Lovable in imagi Edu, and generating student credentials.
Video Walkthrough
Tutorial showing how to set up a classroom and run the Lovable-powered activity.
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 imagi Edu and Lovable
- Temporary, anonymous Lovable accounts generated via imagi Edu by the teacher
- Optional: projection or sample display, if doing whole-class demo
- Learn how to set up your account HERE.
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 use imagi Edu to create anonymous Lovable accounts for students to safely try Lovable in the classroom.
What Happens When You Enable Lovable in imagi Edu:
- A batch of temporary, anonymous Lovable accounts is generated and assigned to your students.
- You also receive one teacher account for testing.
- Students can log in with their credentials and immediately start creating.
- If an account is set to no longer have access, the account is disabled, but projects remain viewable.
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
Vibe Coding: Build Your First Game Using AI | imagi Hour of AI
Frequently Asked Questions
What is Lovable x imagi?
Lovable x imagi brings AI-powered app creation into your classroom. Students describe an idea in plain language, and Lovable builds it into a working game, quiz, website, or app — no coding experience needed. imagi provides a safe, teacher-controlled doorway into Lovable, along with ready-made lesson materials to get your class up and running quickly.
Who is classroom-safe Lovable designed for?
Lovable x imagi is designed for teachers and students in Grades 6–12 (ages 11–18). No prior coding or AI experience is needed — from either teachers or students.
Do I need any prior coding or AI experience to teach this lesson?
No prior coding experience is necessary to participate. The tutorials and slide deck speaker notes are designed to be beginner-friendly and are suitable for people who have never coded before.
What devices are needed to participate?
Any desktop computer, laptop, Chromebook, or tablet with an internet connection and an up-to-date browser. No downloads or installations required. Students can also work in pairs if devices are limited.
What is Lovable?
Lovable is an AI-powered platform that lets anyone create websites, apps, and games by describing them in natural language. Lovable runs in a special school-safe mode through imagi Edu: no community pages and no personal data collection. It’s designed specifically for classrooms and meets COPPA requirements.
What is Vibe Coding?
Vibe Coding is the practice of describing what you want to build in plain language and letting AI bring it to life. It teaches students to think critically, ask better questions, and create responsibly — skills that matter in any future career.
How much does it cost?
Teacher access to Lovable via imagi is always free — you can explore and build at any time. Student access is available during campaign windows at no cost or year-round with an imagi Edu Pro subscription. Request a quote for your school here.
Can students use Lovable safely under COPPA?
Yes - as long as they log in through the teacher-generated anonymous account:
- No personally identifiable information (PII) is collected.
- All accounts are anonymous and generated by teachers in imagi Edu.
- Lovable’s environment is locked down: no social or third-party features.
- Teachers have full control over student access and visibility.
- All prompts and outputs are filtered for profanity and adult content.
Important: Students should not use the standard Lovable login on https://lovable.dev/, which requires an email address. If a student creates an account directly on Lovable, then the above doesn’t apply.
How do students get Lovable accounts?
Teachers can enable Lovable in imagi Edu for their classroom on the classrooms tab. There, teachers unlock access for their class which automatically generates anonymous student accounts — no signup or emails required. Teachers receive all credentials directly in their imagi Edu dashboard and can export or print reminder cards for students.
How do students log in?
Students log in using the anonymous username and password given by their teacher.
They can log in in any of these ways:
- Click “Log in” in the Student Start Guide section on this page.
- Click “Open Lovable” in their imagi Edu class page.
- Go directly to https://lovable.dev/login/temp.
Do students need to enter an email address?
No. Students should never use an email to log in.
They must use one of the login credentials you gave them to open Lovable in school-safe mode.
https://lovable.dev/login/temp
https://lovable.dev/login/temp?event=hourofai&host=imagilabs.com
Students should NOT use the standard Lovable login on https://lovable.dev/, which requires an email address.
What to do if this is blocked at my school?
Most schools have AI blocked for safety reasons until they find tools that are COPPA compliant like this one. If this is blocked at your school, you can let your Tech Director / IT team know that imagi allows students to access Lovable's tools anonymously in a safe manner that does not expose any student data. If you would like us to connect directly with your IT team, please let us know the email contact for the right tech representative at your school via an email to support@imagilabs.com, and we are happy to reach out to get this unblocked for you.
What if a student forgets or loses their credentials?
Teachers can request up to two replacement accounts per student directly in imagi Edu.
Each replacement creates a brand-new account, so previous projects will not transfer. If a student needs access to work saved under an earlier Lovable account, please contact support@imagilabs.com for assistance.
How many AI credits do students get, and how should they use them?
Each account includes 50+ AI credits, though only about 5-10 are needed to complete the Hour of AI activity. Encourage students to use each prompt thoughtfully — limiting the number of prompts helps them plan, test, and refine their ideas more intentionally. The remaining credits can be used for continued exploration, finishing projects later, or creating new ones in their own time.
Do students need to install anything?
No. Lovable runs entirely in a browser.
Can I turn Lovable off later?
Absolutely. You can enable or disable Lovable access for any class at any time from your imagi Edu dashboard.
What happens when students lose access to their account?
Projects remain viewable even after accounts expire, so students and teachers can share and access links or include them in portfolios.
How can students continue editing their projects after their account access ends?
All Hour of AI accounts remain active through March 31, 2026. After that date, logins are disabled, but published student projects stay viewable online. If students want to keep editing or expanding their projects beyond that date, they should create a personal account and transfer their work before March 31, 2026.
What if this is blocked at my school?
Many schools block AI tools until they confirm COPPA compliance. Let your IT team or Tech Director know that students access Lovable anonymously through imagi, with no student data exposed.
If you'd like the imagi team to reach out to your IT contact directly, email support@imagilabs.com with their details and we'll help get it sorted.
If whitelisting isn’t possible before your session, please reach out to support@imagilabs.com.
I’m a homeschooling parent – can I use this?
Yes! Homeschooling parents can use the Hour of AI through imagi Edu, which provides everything needed to run the lesson safely at home: teacher materials, student logins, and the integrated Lovable experience. You can get started here: https://imagilabs.com/pages/lovable-imagi-hour-of-ai
You can also learn more about the Hour of AI initiative at https://csforall.org/en-US/hour-of-ai
I’m a parent – can I use this with my kids?
Parents are welcome to explore Lovable directly with their kids at https://lovable.dev.
The imagi Edu version is designed specifically for schools and homeschooling, since it includes teacher tools and managed student accounts. If your child isn’t homeschooled, we recommend sharing these pages with their teacher so they can learn more and bring the activity to the classroom.
How do I get my kids’ school enrolled in this?
To get your child’s school involved, share the following with their teacher or school administrator:
The Hour of AI is a global campaign that helps students explore artificial intelligence in creative, age-appropriate ways. The Lovable x imagi vibe coding activities brings vibe coding into classroom with ready-made teaching materials and built-in privacy safeguards, so teachers can introduce AI safely and confidently—no coding experience required.