How AI agents collaborate to build software
Build me a visual, interactive HTML page that demonstrates how our AI agent orchestration pipeline works. On the left side, create an animated visualization with glowing nodes, particles, and connections that gradually builds up while explaining each step of the pipeline through guiding text. Use jungheonlee.com as visual inspiration for the animation style. On the right side, simulate the actual agent workflow (see attached screenshot): a VS Code-style chat interface where messages appear with a typewriter effect, showing subagents being invoked, tools being used, files being edited, and results coming back. Each agent node should display a live token context window counter that increases as the agent works, and accumulates when an agent is called more than once. Show a cumulative total at the top to illustrate what a single agent would need if it handled everything alone. The page should auto-play like a video when pressing play. Show the complete flow from the initial prompt through strategy validation, architecture design, security review, implementation, QA testing, and documentation. Include the feedback loops where the security reviewer and QA tester reject work and route it back for corrections. The target audience is non-technical, so pacing needs to allow time to read and understand each step. Keep all text easy to read against the dark background with enough contrast to be comfortable on the eyes. The full walkthrough should run approximately 10 minutes. Once complete and tested, connect to ssh groupforgevm and publish the website using the existing caddy. A-record orchestrator.groupforge.be has been created already.
~10 minute walkthrough