Build interactive web apps using AI as your coding partner - no programming experience required.
Visit flcc.aiIn 60 minutes you’ll go from a blank page to a working interactive web app - built by AI from your description in plain English. No terminal. No installs. No Computer Science degree required.
Browse real apps built with AI and understand what’s possible in a single conversation.
Pick a challenge, write a prompt, and watch AI generate a working HTML app - live.
Tweak one thing. Change a color, a word, a behavior. That’s when it becomes yours.
“Vibe Coding” means using AI to do the heavy lifting of writing code - so you can focus on the idea. You describe what you want in plain English, the AI writes the code, and you open it in a browser. No terminal. No installs. No Computer Science degree required.
.html app you actually built todayBefore we build anything, let’s see what’s possible. Each tab below is a real app built with AI - the kind of thing you’ll be able to create today.
A classic study tool built in minutes with AI. Cards cover vocabulary, facts, or questions from any lesson. Learners click to flip, track their score, and shuffle for another round.
An easy way to leverage the testing effect inline with learning. No grades, no anxiety - just a low-stakes check-in that helps people remember what they just read.
An interactive lesson on triangles - built by AI and refined by a human. This is the ceiling of what’s possible when the idea and the iteration are both strong.
This tool helps educators think through AI engagement at the assignment level. It was built as a single HTML file and is now used across FLCC. Built with AI. Maintained by a human.
This is where the magic happens. You’ll describe your app to an AI, and the AI writes all the code. Your job is to be specific and to iterate - the first result is a starting point, not the finish line.
Any of these have free tiers and can write working web apps:
Think of a prompt like a brief you’d hand to a contractor. The AI builds exactly what you describe - no more, no less. Specificity is kindness to yourself.
Head to the Tools tab for the ready-made Specs Prompt you can copy and paste.
The easiest way to get your code is to download it directly from the AI tool - no copying, no pasting, no text editor needed.
index.html.index (1).html, index (2).html - a built-in form of version history!Not sure what to build? Pick any of these. Each one can be generated from a single prompt using the Specs Prompt as a starting point. The goal is to finish something - then change one thing and make it yours.
index.html that opens in your browser and does something you designed. Then change one thing - a color, a word, a behavior - and you’re a developer.
Use this tab during the build phase. The Specs Prompt is the most important thing here - copy it and paste it at the top of any prompt you write to an AI.
Paste this at the very beginning of any prompt you give to an AI. It sets the technical ground rules so your app works by double-clicking a file, not through a complicated install process.
Copy the Specs Prompt above, then add one of these underneath and send it to your AI:
Your first result is a starting point. Here are the two kinds of changes you can ask for:
You’ve built something. Here’s how to keep going - and how the FLX AI Hub can support you.
Your app is a single HTML file. To share it with others (students, colleagues, the world), you need to host it somewhere. The easiest free option is GitHub Pages.
index.html file directly through the web interface - no software neededyourname.github.io/your-appOnce you have that URL, you can embed the app in any LMS (like Brightspace or Canvas) using an <iframe> tag.
The FLX AI Hub home. Tools, events, AI policy guides, and the Community Convening archive.
Questions, project ideas, or just want to share something you built? Reach out.
Free tier available. Excellent at following the Specs Prompt. Great first stop for vibe coding.
Free. Enable Canvas mode for split-screen code + chat. Great if you’re in the Google ecosystem.
Free tier available. Use Canvas mode. Widely recognized and easy to share conversations with colleagues.
Free hosting for static HTML files. Your app gets a public URL in minutes - no server setup required.
There’s no single correct solution to any of these challenges. Experiment. Break things. Build something weird. The process is more valuable than perfection - and perfection is usually three iterations away from the first weird thing.
Keep building. Share what you make. See you at the next Convening.