SpecSafe
Interactive Course

Interactive Course

A hands-on interactive course that teaches you how SpecSafe works through 6 modules with quizzes and animations.

Learn SpecSafe Interactively

We've built a self-contained interactive course that walks you through the entire SpecSafe architecture in 6 modules. It includes quizzes, animated diagrams, and hands-on examples.

What You'll Learn

ModuleTopicWhat's Covered
1What Is SpecSafe?The problem it solves and first-run experience
2Meet the CastSix main actors in the codebase — CLI Router, Initializer, Installer, Adapters, Doctor, Updater
3How the Pieces TalkData flow from canonical skills to your AI tool
4The Adapter PatternHow one set of skills becomes 8 different formats
5Safety NetsSecurity checks and health diagnostics
6The Big PictureFull architecture overview with interactive diagram

Features

  • Scroll-driven animations — Content reveals as you progress
  • Interactive quizzes — Test your understanding after each module
  • Architecture diagram — Click components to see how they connect
  • Glossary tooltips — Hover terms for instant definitions
  • Keyboard navigation — Use arrow keys to move between sections
  • No dependencies — Single HTML file, works offline

Launch the Course

Open Interactive Course

The course opens in a new tab as a standalone experience. No login or setup required.