🧠 AI Ed Wiki

Building upon found examples is a popular way people learn to code, especially in creative coding communities where sharing projects and remixing are common practices. But effectively doing so requires being able to 1) understand how existing code works, and 2) extend it by writing code that implements your own ideas, practices that can be challenging for new creative coders. We explored how to support these two processes through the design of Flowcode, a creative coding programming environment that integrates a flowchart for visualizing code structure and a chat interface tailored to support learning to code over vibe coding. We share how we iterated on the design of Flowcode over two studies with new creative coders, reflecting on the roles visualization and friction may play in enabling productive AI-use in computing education.

Flowcode pairs a code-structure flowchart with a learning-oriented (not vibe-coding) chat to help novice creative coders understand and extend found examples; two studies show visualization and productive friction can steer AI use toward learning rather than bypass.

This work connects to core wiki themes: Scaffolding Generative AI Feedback Loop Active Learning Student Experience. It highlights how generative-AI tooling is reshaping both what learners do and how educators structure support, reinforcing the need for design that preserves authentic engagement rather than enabling shallow bypass.

Connected Concepts

  • Scaffolding
  • Generative AI
  • Feedback Loop
  • Active Learning
  • Student Experience
  • Connected Articles

  • Bloom Aligned Educational Control Llms — From Execution to Education: A Bloom-Aligned Framework for Measuring Educational Control in LLMs
  • AI Generated Feedback Higher Ed — Artificial intelligence and feedback in university education: effectiveness and student perceptions
  • Prompt Problems Nl Programming Mistakes — Understanding Student Perceptions, Mistakes, and Debugging Approaches when Solving Natural Language Programming Tasks
  • LLM Diverse Explanations Programming — Exploring the Value of Diverse LLM Explanations in Introductory Programming
  • AI Learning Assistants Higher Ed Large Scale — Using AI-based Learning Assistants in Higher Education: A Large-Scale Descriptive Analysis
  • Youtube Frames Chatgpt Education — How YouTube Frames ChatGPT Use in Education: An Epistemic Network Analysis with Supporting Multimodal Metadata
  • Citation

    Tseng, Seoror, Adda, Factor, Darabi, Matschke, Fu, Lin, Maram & Sinha (2026). Flowcode: An AI-Powered Programming Environment for Scaffolding Iteration in Creative Computing Education. arXiv:2607.06721. arXiv preprint.