DEV Community

Cover image for Prompt Paws: A Cozy 60 FPS AI Agent Bakery Game Teaching RAG, Guardrails & Context Caching
Robina Mirbahar for Google Developer Experts

Posted on Originally published at robinamirbahar.github.io

Prompt Paws: A Cozy 60 FPS AI Agent Bakery Game Teaching RAG, Guardrails & Context Caching

Hacktoberfest Open-Source AI Challenge Week 2: Side Hustle Submission ๐Ÿ’ธ

This is a submission for the Hacktoberfest Open-Source AI Challenge Week 2: Side Hustle

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 (and pay for) 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:
Cozy Bakery Station Critter Order Handled Production AI Engineering Layer
๐Ÿฅ Flash Pastry Oven Prompt Croissant Fast Low-Latency Model (gemini-2.5-flash / Gemma 4)
๐Ÿช Context Cache Jar Repeat Owl Menu Query Prefix & Context Caching (95% Token Savings)
๐Ÿ›ก๏ธ Guardrail Flour Sieve Spicy Injection Jalapeno Input Classifier & Prompt-Injection Sanitizer
๐Ÿ“ Vector Berry Patch RAG Berry Tart Vector Search & Fact Grounding (Anti-Hallucination)
๐Ÿง‹ Tool-Call Boba Mixer Code-Exec Boba Tea Deterministic Python Sandbox & Function Calling
๐Ÿฎ Deep-Think Souffle Oven Reasoning Souffle Extended Thinking / System-2 Deliberation
๐Ÿฑ Subagent Sous-Chef Bell Parallel Banquet Aura Multi-Agent Parallel Delegation (+45% Speed Aura)

Prompt Paws: Cozy AI Agent Cafe Banner


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!

You can also deploy the stateless static container directly to Google Cloud Run in one click:

Run on Google Cloud


Code

GitHub logo RobinaMirbahar / cozy-ai-agent-cafe-game

Prompt Paws: The Cozy AI Agent Cafe & Bakery - A cute 60FPS kawaii simulation game teaching RAG, Guardrails, Context Caching, Tool Calling & Multi-Agent Workflows! @google-deepmind

๐Ÿพ๐Ÿฅ Prompt Paws: The Cozy AI Agent Cafe & Bakery

A cozy, pastel kawaii 2D AI Systems & Agent Engineering simulation game where adorable Robot-Cat Chefs teach you Context Caching, Input Guardrails, RAG Grounding, Tool Calling, System-2 Reasoning, and Multi-Agent Orchestration!

Play Live on GitHub Pages Built with HTML5 Canvas 60FPS Zero Dependencies

Prompt Paws: Cozy AI Agent Cafe Banner


๐ŸŽฎ Play Directly in Your Browser!

๐Ÿ‘‰ Launch Prompt Paws: The Cozy AI Agent Cafe & Bakery


โœจ Why Another System Design Gameโ€”But Cozy?

While dark cyberpunk server-defense games teach cloud infrastructure through DDoS lasers and exploding servers, Prompt Paws reimagines modern AI Agent Architecture as a warm, stress-free, pastel pastry kitchen!

Friendly woodland critters (๐Ÿฐ Bunnies, ๐Ÿฆ‰ Owls, ๐ŸฆŠ Foxes, ๐Ÿผ Pandas, ๐Ÿถ Corgisโ€”and sneaky ๐Ÿฆ Raccoon Pranksters!) line up at the counter ordering different AI-powered treats. Your job as Head AI Pastry Architect is to place and upgrade 7 specialized Robot-Cat Chef Stations along the winding bakery ribbon so every order is grounded, safe, and baked onโ€ฆ


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 Jalapenos 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;
}
Enter fullscreen mode Exit fullscreen mode

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;
}
Enter fullscreen mode Exit fullscreen mode

Why Does Open Innovation Matter?

Open-source AI models, open agent harnesses, and inspectable system design sandboxes ensure that every developer not just giant enterprises 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.

Top comments (0)