Live example

`<LearningPath />`, rendered live.

This page is rendered by the same @learnkit-ai/react component you can install from npm. No backend, no LLM call - the path is generated deterministically by @learnkit-ai/core.

AI Guide

Change the theme above to see the same component re-render with different CSS custom properties - no rebuild required.

import { LearningPath } from
  '@learnkit-ai/react';

<LearningPath
  input={{
    role: 'Product Manager',
    tools: ['Claude', 'Cursor'],
    goal: 'Ship a research agent',
    level: 'beginner',
  }}
  theme="warm"
/>

4 weeks · 12 lessons · 7h

`<LearningPath />`, rendered live.

Week 1Discovery & framing

Week 2Research workflows

Week 3Shipping with AI

Week 4Practicum

<LearningPath />, rendered live.

Week 1Discovery & framing

Week 2Research workflows

Week 3Shipping with AI

Week 4Practicum

`<LearningPath />`, rendered live.