IA Edu — Zero to Cloud
The academic angle: teaching modern AI by making it touchable.
A visual, interactive guide to modern AI — Neural Networks, RAG, MCP, Prompt Engineering, Agents and cloud deployment. The teaching face of the studio, and the one project whose showcase is a live use case: Augmented Cerebro, the deep-research engine behind this portfolio.
Context
The rest of the work sells business cases; this piece teaches. Nine topics (from the neuron to the cloud) with interactive animations — a neural network that fires, activation curves drawn live, three applied agent cases. 100% static, no backend or keys.
The design problem
Modern AI is usually explained with walls of text or formulas. The design challenge was for a concept — RAG, an agent, an MCP — to be understood by handling it, not reading about it. The best example is real, not a toy.
Design decisions
Each topic is an animation, not a paragraph
A neural network firing or a curve being drawn teaches in seconds what text takes paragraphs to.
Augmented Cerebro as a live MCP use case (see diagram)
Instead of a toy MCP, it shows the real pipeline: fan-out search → fetch → adversarial verification → cited synthesis, persisted to Supabase and Notion. The lesson and the tool are the same object.
100% static output, no backend or keys
An educational guide has to open for anyone, at no cost or friction — Netlify free tier, no secrets to leak.
Visual system
- Dark theme with animated grid and violet/indigo glows
- Scroll-spy sidebar; per-section reveal on scroll
- Animated SVG diagrams as the teaching unit
The highlight
The Augmented Cerebro use case with its didactic diagram: the deep-research pipeline the guide teaches is the same one behind this portfolio's research. Teaching with the real tool.
Use case · Augmented Cerebro
