+
{lesson.title}
+
+ {lesson.kind} · Day {lesson.day} · {lesson.minutes}m
+
+
+ ),
+ },
+};
diff --git a/packages/react/src/stories/LessonCard.stories.tsx b/packages/react/src/stories/LessonCard.stories.tsx
new file mode 100644
index 0000000..4a95148
--- /dev/null
+++ b/packages/react/src/stories/LessonCard.stories.tsx
@@ -0,0 +1,44 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import type { Lesson } from '@learnkit-ai/schemas';
+import { LessonCard } from '../LessonCard';
+
+const LESSON: Lesson = {
+ id: 'l_1',
+ day: 1,
+ title: 'Your first system prompt',
+ summary: 'Write a system prompt for Claude that gives it a persona, a process, and constraints.',
+ tool: 'Claude',
+ minutes: 12,
+ kind: 'lesson',
+ prerequisiteIds: [],
+};
+
+const meta: Meta