geist-learning-lab

Malicious tool definition detected

Tool: SKILL.md Description: --- name: geist-learning-lab description: Build explorative, interactive learning experiences as Next.js apps using the Geist design system.

Malicious tool definition detected

Tool: references/architecture.md [1/2] Description: # Architecture & Patterns Next.js App Router structure, MDX content system, state management, and file organization for learning apps.

Tool: references/architecture.md [2/2]

Malicious tool definition detected

Tool: references/code-learning.md [1/2] Description: # Code Learning Components Interactive code editors, sandboxes, diff viewers, and challenge runners for teaching programming concepts.

Tool: references/code-learning.md [2/2] Description: p-4"> <p className="text-label-12 text-blue-700 mb-1">Challenge</p> <p className="text-copy-14">{prompt}</p> </div> {/* Visible test cases */} <div className="space-y-1"> <p className="text-label-12 text-gray-400">Test Cases</p> {tests.filter((t) => !t.hidden).map((test, i) => ( <div key={i} className="flex items-center gap-2 text-copy-13-mono text-gray-400"> <span>{test.label}:</span> <span className="text-gray-1000">input={test.input} → expe

Malicious tool definition detected

Tool: references/explorable-explanations.md [1/2] Description: # Explorable Explanations Interactive visual components for Bret-Victor-style explorations: parameter controls, live output, diagrams, comparisons, timelines, and concept maps.

Tool: references/explorable-explanations.md [2/2] Description: return window.matchMedia("(prefers-reduced-motion: reduce)").matches; } ``` ### Diagram Animation Rules | Rule | Implementation | |------|---------------| | Only animate `transform` + `opacity` | GPU-composited, no layout thrash | | Respect reduced motion | `useReducedMotion()` → instant transitions | | Durations 150-300ms | Tight, purposeful, not decorative | | Animate on user input only | No autoplay; feedback to interaction | | CS

Malicious tool definition detected

Tool: references/learning-animations.md [1/2] Description: # Learning Animations Animation patterns specific to learning UIs: step transitions, feedback reveals, diagram animations, progress celebrations, and reduced-motion compliance.

Tool: references/learning-animations.md [2/2] Description: where possible: ``` animate-in → Trigger entrance animation fade-in → Opacity 0 → 1 slide-in-from-top-N → translateY(-Npx) → 0 slide-in-from-bottom-N → translateY(Npx) → 0 slide-in-from-left-N → translateX(-Npx) → 0 slide-in-from-right-N → translateX(Npx) → 0 zoom-in-95 → scale(0.95) → 1 duration-150 → 150ms duration-200 → 200ms duration-300 → 300ms ``` Combine them: `animate-in fade-in slide-in-from-bottom-2 duration-200` ## What NOT to

Malicious tool definition detected

Tool: references/lesson-shell.md [1/2] Description: # Lesson Shell & Progress Components The structural components that wrap every learning experience: layout, navigation, progress tracking, and resume functionality.

Tool: references/lesson-shell.md [2/2]

Malicious tool definition detected

Tool: references/pedagogical-framework.md [1/2] Description: # Pedagogical Framework The learning design principles baked into every experience.

Tool: references/pedagogical-framework.md [2/2] Description: loading skeleton (delay skeleton render by 150-300ms to avoid flash). ## "Aha Moment" Patterns (Detailed) ### 1.

Malicious tool definition detected

Tool: references/progress-state.md [1/2] Description: # Progress & State Management Progress tracking schema, localStorage adapter, spaced repetition scheduling, URL state for shareable explorations, and review queue.

Tool: references/progress-state.md [2/2]

Malicious tool definition detected

Tool: references/quiz-assessment.md [1/2] Description: # Quiz & Assessment Components Active recall components: inline questions, confidence rating, progressive hints, and misconception analysis.

Tool: references/quiz-assessment.md [2/2] Description: import { useState } from "react"; interface Misconception { id: string; label: string; // e.g.

Malicious tool definition detected

Tool: references/reading-support.md [1/2] Description: # Reading Support Components Non-flashy, high-leverage components for reading comprehension: glossary popovers, callout variants, and worked examples with stepwise reveal.

Tool: references/reading-support.md [2/2] Description: variable changes, the closure sees the new value.