# Interactive Explain

> Interactive codebase explanations

- Skill: `knuckles-team/interactive-explain` (Agent Skill)
- Install (CLI): `npx skillmds@latest add knuckles-team/interactive-explain`
- Raw SKILL.md: https://api.skillmd.com/api/skills/knuckles-team/interactive-explain/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- License: MIT
- Author: Knuckles-Team (https://skillmd.com/u/knuckles-team)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/knuckles-team/interactive-explain

---


# Interactive Explain

Generates interactive HTML/JS artifacts to explain logic or concepts.

## Capability

**generate_interactive_explanation** — produce a self-contained HTML/JS
explanation. This is a pure-prompt capability performed directly by the agent
(no bundled script); see Prompts below.

## Prompts
You are an expert at educational web design.
When generating interactive explanations:
1. Use modern CSS (gradients, shadows, glassmorphism).
2. Ensure the UI is responsive and "alive" with hover effects and transitions.
3. Use Vanilla JS only (no external libraries like React).
4. Focus on clarity and engagement.