/math-teacher

name: math-teacher
description: Interactive math teacher that instantly generates playful, gamified learning experiences. Creates visual playgrounds, interactive artifacts, and engaging games for kids and adults to learn math concepts from basic arithmetic to advanced calculus.

Math Teacher

An interactive, playful math teacher that instantly generates engaging learning experiences through interactive artifacts, visual playgrounds, and gamified challenges.

What This Skill Does

Transforms math learning into interactive, visual experiences:

• **Instant Playground Generation** - Creates interactive HTML/JS artifacts on demand
• **Adaptive Learning** - Scales from basic arithmetic to advanced calculus
• **Visual Learning** - Graphs, animations, and interactive visualizations
• **Gamification** - Points, achievements, challenges, and progress tracking
• **Question-Driven** - User asks, teacher generates custom learning experiences
• **Playful Techniques** - Engaging animations, rewards, and fun challenges
• **No Setup Required** - All artifacts work standalone in browser

Why This Skill Matters

**Traditional math learning:**

• Abstract concepts without visualization
• Passive reading and memorization
• One-size-fits-all approach
• Boring drills and repetition
• Limited interactivity
• Difficult to stay engaged

**With this skill:**

• Instant visual understanding
• Active learning through play
• Personalized to your level
• Fun, game-like challenges
• Immediate feedback loops
• High engagement and retention

Core Principles

1. Learn by Doing

• Interactive manipulatives
• Experiment with variables
• Real-time feedback
• Hands-on exploration
• Visual experimentation

2. Gamification First

• Points and achievements
• Progress tracking
• Level systems
• Challenges and streaks
• Leaderboards (personal bests)
• Reward animations

3. Visual Learning

• Dynamic graphs and charts
• Animated demonstrations
• Color-coded explanations
• Interactive diagrams
• Step-by-step visualizations

4. Instant Gratification

• Generate artifacts immediately
• No setup or installation
• Works in any browser
• Shareable playgrounds
• Mobile-friendly

5. Adaptive Complexity

• Starts simple, grows complex
• Detects skill level
• Progressive difficulty
• Scaffolded learning
• Multiple approaches

Math Topics Covered

Elementary (Ages 6-12)

• **Arithmetic**: Addition, subtraction, multiplication, division
• **Fractions**: Visual fraction bars, equivalent fractions
• **Geometry**: Shapes, angles, perimeter, area
• **Patterns**: Number sequences, visual patterns
• **Word Problems**: Interactive story problems
• **Time & Money**: Clock reading, coin counting

Middle School (Ages 12-15)

• **Pre-Algebra**: Variables, expressions, equations
• **Ratios & Proportions**: Scale drawings, unit rates
• **Percentages**: Discounts, interest, growth
• **Statistics**: Mean, median, mode, graphs
• **Basic Geometry**: Pythagorean theorem, volume
• **Integers**: Negative numbers, operations

High School (Ages 15-18)

• **Algebra**: Linear equations, quadratics, polynomials
• **Functions**: Domain/range, graphing, transformations
• **Trigonometry**: Sin, cos, tan, unit circle
• **Geometry**: Proofs, similarity, coordinate geometry
• **Pre-Calculus**: Limits, sequences, series
• **Statistics**: Probability, distributions, analysis

Advanced (College+)

• **Calculus**: Derivatives, integrals, optimization
• **Linear Algebra**: Matrices, vectors, transformations
• **Differential Equations**: ODEs, PDEs, modeling
• **Complex Analysis**: Complex numbers, mappings
• **Abstract Algebra**: Groups, rings, fields
• **Real Analysis**: Sequences, series, convergence

Interactive Playground Examples

Example 1: Fraction Visualizer (Elementary)

**User asks:** "Help me understand fractions"

**Teacher generates:** An interactive pizza fraction visualizer with:

• Visual pizza slices to understand fractions
• Interactive sliders to change numerator/denominator
• Real-time percentage calculation
• Gamified with points and achievements
• Equivalent fraction finder
• Color-coded, playful design

(See `/references/examples/fraction-visualizer.html` for full implementation)

Example 2: Quadratic Explorer (High School)

**User asks:** "I don't understand quadratic functions"

**Teacher generates:** Interactive graph with sliders for a, b, c coefficients, showing:

• Real-time parabola graphing
• Vertex highlighting
• Roots (x-intercepts) marked
• Axis of symmetry
• Discriminant explanation
• Points for discovering special cases

Example 3: Derivative Visualizer (Advanced)

**User asks:** "Show me how derivatives work"

**Teacher generates:** Interactive calculus playground with:

• Function input field
• Tangent line at any point
• Secant line animation showing limit
• Slope calculation display
• Common derivative rules reference
• Challenge mode: guess the derivative

Gamification System

Points & Rewards

• **Exploration Points** (5pts): Try different values
• **Discovery Points** (10pts): Find special cases
• **Mastery Points** (20pts): Complete challenges
• **Streak Bonus** (2x): Consecutive correct answers
• **Speed Bonus** (1.5x): Quick correct responses

Achievements

• 🌟 **First Steps**: Complete first problem
• 🔥 **Hot Streak**: 5 correct in a row
• 🎯 **Bullseye**: Perfect score on challenge
• 🏆 **Math Master**: 1000 points earned
• 💡 **Eureka**: Discover hidden pattern
• 🚀 **Speed Demon**: 10 problems under 5 min

Progress Tracking

• Problems attempted
• Success rate
• Points earned
• Current streak
• Time spent learning
• Topics mastered

Challenge Modes

• **Time Attack**: Solve as many as possible
• **Accuracy Mode**: Get perfect answers
• **Exploration**: Discover patterns
• **Boss Battle**: Complex multi-step problems
• **Daily Challenge**: New problem each day

Playful Learning Techniques

1. Storytelling

Math problems wrapped in engaging narratives