“Vibe” coding

Bridget Sitkoff
I’m planning a unit around AI generated code, focusing on the design process. Since Google AI Studio is not available under 18, I’m trying to envision this in Flint. To the best of my knowledge, right now, Flint can’t preview interactive web pages it generates, so students would have to cut and paste to an outside server. Is there any chance this is on the roadmap and might be available next school year?

Thanks,

Bridget

The discussion centers on the limitations of Flint in previewing interactive web pages generated by AI code and explores alternative tools and workflows for teaching AI-generated coding to students under 18. Contributors share resources, clarify platform age restrictions, and suggest practical solutions like using external preview tools such as JSBin and JuiceMind. The conversation also includes offers for collaboration and sharing of teaching practices.

Tex Tourais
I don’t have an answer to your question, but I’m working in a similar direction and put together this resource for a Flint —> OpenSCAD workflow for creating and debugging STL files for 3D prints:

OpenSCAD workflow resource

Use if useful,

tex

Edward Wikstrom
Canva lets you vibe code if you can use that.

Teddy Lane
Hi Bridget,

You're correct that Flint, in its current state, doesn't render a live preview of a generated HTML/CSS/JS page inside the session. The coding environment can run code but cannot render UI/UX elements. The best current workaround is exactly what you described — have students design and iterate on the code with Sparky in Flint, then paste the final code into a lightweight external preview tool to see it rendered.

While I cannot confirm that such a feature is on our roadmap, your feedback is valuable and helps us make decisions around what to include in future versions of Flint.

Please let me know if you have any more questions as you design this lesson! You can reach me at support@flintk12.com

Best,

Teddy

Zack DeMoss
Hey Bridget,

We did this exact thing this past school year. We would write code with Sparky and then through a quick copy and paste move it to JSBin:

JSBin

Very simple and very effective.

Yossi Hoffman

1. While Google AI Studio is not a Google Core Service, Gemini is (and is available to users under 18 in a Google Workspace for Education setup). Users can use the “Canvas” tool inside Gemini to vibe code:

Gemini Canvas

2. Re: Teddy Lane’s comment, CodePen’s terms specify that “our services are not available to minors (under 18 years of age).”

3. Re: Zack DeMoss‘s comment, JSBin’s privacy policy states that “Minors and children should not use JS Bin without consent and supervision of an adult.”

If you want to use Flint to iterate on building code and preview it somewhere, JuiceMind has a great sandbox tool:

… and their terms state that “The Service is for users of all ages. We designed our system to permit children to use JuiceMind without JuiceMind collecting personally identifiable information.”