Interactive field guide
AI Demystified
How does AI actually work? No jargon wall, no hype reel: interactive visual explanations you can play with in the browser.
100% client-side22 interactive lessonsAbout 45 minutes end to end
Try the first idea
Text becomes numbered tokens
Each piece gets an ID. The ␠ symbol marks a space stored inside a token. Select one to inspect it.
Select any token to see its text-to-ID mapping.
For evaluators
Built to teach—and to inspect
Abdallah built the learning experience and the engineering evidence as one product. The links go straight to the implementation, sources, and verification work.
About Abdallah Arslan- Product case studyProblem, constraints, trade-offs, and the architectural shape.
- Teaching enginesPure TypeScript simulations separated from interface code.
- Evidence manifestsTyped sources, scope notes, verification dates, and review deadlines.
- Verification suitesUnit, numerical, accessibility, interaction, mobile, and honesty checks.
Fast path
Four core lessons explain the shape of a modern assistant in about 15 minutes.
- 01TokensHow text becomes pieces
- 02ResponsesNext-token prediction
- 04ToolsExternal help requests
- 05AgentsMulti-step loops
Add prompts, product constraints, and the playground3 optional stops
Explore every lesson
Open one group at a time, or search for a topic from the navigation.
Foundations6 lessons
Systems6 lessons
Go deeper4 lessons
Read a lessonManipulate the modelCheck your understanding