math-teacher

Generate self-contained HTML/CSS/JS math playgrounds with adaptive challenges.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/cgm-free/ai-education-platform --skill math-teacher-cgm-free
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: math-teacher
Source: https://github.com/cgm-free/ai-education-platform/tree/main/.agents/skills/math-teacher
Command: npx skills add https://github.com/cgm-free/ai-education-platform --skill math-teacher-cgm-free

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Traditional math instruction often struggles to engage learners or adapt to individual paces. This Skill automatically generates interactive, gamified learning experiences that visualize concepts and provide immediate feedback, reducing setup time for educators and learners.

Core Features & Use Cases

  • Instant Playground Generation: creates on-demand, shareable visual artifacts (HTML/JS) to illustrate concepts.
  • Adaptive Learning: scales from basic arithmetic to advanced calculus, tailoring challenges to the learner.
  • Visual Learning & Gamification: dynamic graphs, animations, and rewards track progress and motivation.
  • Self-contained Artifacts: artifacts run standalone in a browser with no external dependencies or setup.

Quick Start

Ask a question or say 'teach me [topic]' to generate an instant, interactive math learning playground.

Frequently Asked Questions about math-teacher

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create interactive math visualizations for teaching calculus and arithmetic?

To create interactive math visualizations, prompt the tool with a topic to instantly generate self-contained HTML, CSS, and JS artifacts. These standalone playgrounds feature dynamic graphs, animations, and gamified rewards that run directly in a browser without external setup.

Can I use gamified learning artifacts in a browser without installing external dependencies?

Yes, you can use gamified learning artifacts in a browser without external dependencies. The generator produces self-contained HTML, CSS, and JS files that run standalone, requiring no setup or external libraries to function.

How does adaptive difficulty work in interactive math learning playgrounds?

Adaptive difficulty in interactive math playgrounds scales challenges from basic arithmetic to advanced calculus based on user prompts. This tailors the progressive visual demonstrations and immediate feedback to the individual learner's pace.

What is the best way to generate gamified math lessons for visual learners?

The best way to generate gamified math lessons for visual learners is to request a specific topic and let the system build a playground. It automatically applies dynamic graphs, animations, and reward systems to track progress and increase motivation.

Do I need prior coding knowledge to generate interactive math playgrounds?

No, you do not need prior coding knowledge to generate interactive math playgrounds. You simply ask a question or state 'teach me [topic]' in a prompt, and the system handles the HTML, CSS, and JS generation automatically.

What limitations exist when using self-contained HTML artifacts for math education?

A limitation of self-contained HTML artifacts for math education is that they operate entirely standalone in a browser. While they require no external dependencies, they may lack backend integration for persistent progress tracking across multiple sessions.