I Built a Cozy 60 FPS AI Agent Bakery Game to Teach RAG, Guardrails, Context Caching & Multi-Agent Orchestration

What I Built

Who said learning AI System Design has to be all dark cyberpunk terminal screens and exploding servers?

I built and open-sourced Prompt Paws: The Cozy AI Agent Cafe & Bakery an interactive 60 FPS AI Agent Architecture Training & Simulation Platform disguised as a cozy pastel pastry bakery run by Robot-Cat Chefs! 🐱‍🍳🍰

Who would use it?

• Engineering Teams, Bootcamps & Developer Relations Programs training developers on production LLM architecture (where a single uncached system prompt or missing input guardrail can cost thousands of dollars in wasted tokens or security incidents).
• Instead of static slide decks, Prompt Paws gives teams an interactive, visual sandbox where every pastry station maps 1-to-1 to a real production AI pattern:

🎮 Live Playable Demo

• 🕹️ Play Live in Your Browser (60 FPS HTML5 Canvas): 👉 https://robinamirbahar.github.io/cozy-ai-agent-cafe-game/
• ✨ One-Click Auto-Chef Blueprint Mode: Click the purple ✨ Auto-Chef Blueprint button in the top bar on any of the 7 Story Shifts to watch the Robot-Cat Chefs automatically deploy the optimal Guardrail, Cache, RAG, and Subagent pipeline!

💻 Open-Source Code

🛠️ How I Built It

I built Prompt Paws using an open-source, zero-dependency HTML5 Canvas 60 FPS simulation engine (game.js), a 7-shift progressive AI engineering curriculum (levels.js), and a procedural WebAudio synthesizer (audio.js), orchestrated via Antigravity and open agentic workflows.

1. Order Routing & Guardrail Sanitization (game.js)

Each station inspects passing orders on the winding bakery conveyor ribbon and only picks up tasks that match its architectural role. Notice how Spicy Prompt-Injection Jalapeños cannot be safely baked by normal ovens until a Guardrail Flour Sieve sanitizes them into safe croissants:

function canStationProcessOrder(stationType, ord) {
  // 1. Only the Guardrail Flour Sieve can catch and sanitize Spicy Prompt Injections!
  if (stationType === 'guardrail_sieve') {
    return ord.kind === 'jalapeno';
  }
  // Unfiltered prompt injections bypass normal ovens and damage Cafe Reputation Hearts!
  if (ord.kind === 'jalapeno') {
    return false;
  }

  // 2. Context Cache Jar serves repeated menu queries at 3x speed + bonus Star Coins
  if (stationType === 'cookie_cache') {
    return ord.kind === 'cached' || ord.kind === 'croissant';
  }

  // 3. Vector Berry Patch grounds Berry Tarts so they don't become Hallucination Puffs
  if (stationType === 'vector_garden') {
    return ord.kind === 'tart';
  }

  // 4. Tool-Call Boba Mixer runs deterministic calculations & API recipes
  if (stationType === 'tool_blender') {
    return ord.kind === 'boba';
  }

  // 5. Deep-Think Souffle Oven handles multi-step System-2 reasoning
  if (stationType === 'reasoning_oven') {
    return ord.kind === 'souffle' || ord.kind === 'croissant';
  }

  // 6. Flash Pastry Oven handles high-throughput everyday Prompt Croissants
  if (stationType === 'flash_oven') {
    return ord.kind === 'croissant' || ord.kind === 'cached';
  }

  // 7. Subagent Sous-Chef Bell orchestrates parallel helpers
  if (stationType === 'subagent_bell') {
    return ord.kind !== 'jalapeno';
  }
  return false;
}

2. Real-Time AI Architecture Linter ("Chef Whiskers" 🐱‍🍳)

Before you open the cafe doors, Chef Whiskers (Staff AI Pastry Architect) performs live static analysis on your placed stations and warns you about architectural vulnerabilities:

function evaluateKitchenArchitecture() {
  const lvl = window.CAFE_LEVELS[currentLevelIdx];
  const weights = lvl.orderWeights;
  const typesPlaced = Object.values(placedStations).map((s) => s.type);
  const alerts = [];

  if (weights.jalapeno && !typesPlaced.includes('guardrail_sieve')) {
    alerts.push({
      kind: 'warn',
      text: 'Prompt Injection Risk! Place a Guardrail Flour Sieve near Slot 1 or 2 to neutralize spicy raccoon orders!'
    });
  }
  if (weights.tart && !typesPlaced.includes('vector_garden')) {
    alerts.push({
      kind: 'warn',
      text: 'Hallucination Warning! Berry Tarts need a Vector Berry Patch (RAG) so chefs do not guess facts!'
    });
  }
  if (weights.boba && !typesPlaced.includes('tool_blender')) {
    alerts.push({
      kind: 'warn',
      text: 'Math/API Alert! Add a Tool-Call Boba Mixer to run deterministic calculations accurately.'
    });
  }
  return alerts;
}

🌐 Why Open-Source Visual Sandboxes Matter

Open-source AI models, open agent harnesses, and inspectable system design sandboxes ensure that every developer not just giant enterprise can master safe, cost-efficient AI engineering. By making the entire simulation engine, curriculum (levels.js), and architecture blueprints open-source with zero proprietary build steps, any educator or developer community can fork Prompt Paws, add new open-weight model stations (like local Gemma 4 or Ollama nodes), and teach agentic reliability visually!