Workshop Visualizer

Learn OpenAI API concepts with interactive animations and program tracing. From fundamentals to building autonomous agents.

Foundations

Foundations

1
What is an LLM?
How Large Language Models predict the next token.
→
2
Temperature & Creativity
How one number controls whether the AI is a robot or a poet.
→
3
Context & Memory
LLMs don't remember — you replay the whole conversation every call.
→
4
System Prompts
How messages[0] shapes the entire personality of your AI.
→
5
Hallucination
When AI confidently says things that aren't true — and how to fight it.
→
6
RAG (Retrieval-Augmented Generation)
Give your LLM access to private data by injecting documents into the prompt.
→
7
Agents & Tools
When LLMs can DO things — not just talk about them.
→

Part 1

API Basics

Part 2

Agents

Part 3

Advanced Agents

Part 4

Multi-Agent Teams

Built with Next.js + Framer Motion + React Flow