Embedding an AI tutor in three lines of JavaScript

The pitch for embedded AI tutors is simple: when a user is about to do something they have not done before, a small floating widget appears and offers a 2-minute refresher. Most teams build this from scratch and burn months on the pedagogy.

LearnKit AI Guide is a drop-in React component. Install @learnkit-ai/react, pass an API key and a user ID, and you have a route-aware AI tutor in production. The system prompts are versioned, the lesson library is white-labeled, and the evaluation rubrics are open source.

Under the hood, the AI Guide is just a React component that wraps a streaming endpoint. The interesting work is in the pedagogy layer: choosing when to interrupt, how much context to load, and which lessons to surface for which routes. We open-sourced all of it under Apache-2.0.

In future posts we will go deep on the eval rubrics, the route-context system, and how to fork the lesson library for your own product.