visual-explainer
Explain concepts through integrated SVG and Canvas diagrams, step-through animations, and small interactive experiments.
Skill by Kevin-Zhouu
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/kevin-zhouu-visual-explainer
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/visual-explainer
What's inside
- Skill name
visual-explainer- Description
- Explain concepts through integrated SVG and Canvas diagrams, step-through animations, and small interactive experiments.
- License
- MIT
- Metadata
- version: 1.1.0
- Instructions
- 3 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Visual explainer Begin with the learner's mental model. Choose visual representations that make the subject intuitive; decide when to evolve a representation or introduce another. Use labelled SVG for diagrams and Canvas for dense simulations. Prefer sliders and step controls over autoplay. Label quantities and units; explain what is simplified. Show before/after states and a visible textual explanation of the changed state. Keep controls keyboard accessible and provide a textual alternative. Use restrained motion and honor prefers-reduced-motion. Weave graphics into and alongside the reading flow, breaking up heavy passages with meaningful visual explanations. Choose static visuals, animation or interaction according to what helps the learner understand; no fixed number or sequence is required. Test control changes and visible outcomes.
From Kevin-Zhouu/OpenAtlas, MIT.
More from Kevin-Zhouu/OpenAtlas
- 0.521score
blender
Kevin-Zhouu
Create, inspect and export 3D educational assets using the container-local Blender and Blender MCP.
SkillBFreshness: BClaude Code +9 - 0.520score
explorable
Kevin-Zhouu
Turns a long markdown document into a single-file HTML explorable — scroll-snapped scenes, hand-written SVG, interactive widgets where the source has…
SkillBFreshness: BClaude Code +9 - 0.516score
openatlas-core
Kevin-Zhouu
Design accessible interactive learning Notebooks with progressive explanations, worked examples, and meaningful practice.
SkillBFreshness: BClaude Code +9 - 0.488score
3d-explorer
Kevin-Zhouu
Build spatial learning experiences with bundled Three.js, labelled anatomy or geometry, and accessible alternatives.
SkillBFreshness: BClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Sep 14, 2026 (1 month ago)
From GitHub (fetched Oct 24, 2026).
Details
- Version
- 1.1.0
- License
- MIT
- Repository
- github.com/Kevin-Zhouu/OpenAtlas
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Kevin-Zhouu
- 0.521score
blender
Kevin-Zhouu
Create, inspect and export 3D educational assets using the container-local Blender and Blender MCP.
SkillBFreshness: BClaude Code +9 - 0.520score
explorable
Kevin-Zhouu
Turns a long markdown document into a single-file HTML explorable — scroll-snapped scenes, hand-written SVG, interactive widgets where the source has…
SkillBFreshness: BClaude Code +9 - 0.516score
openatlas-core
Kevin-Zhouu
Design accessible interactive learning Notebooks with progressive explanations, worked examples, and meaningful practice.
SkillBFreshness: BClaude Code +9 - 0.488score
3d-explorer
Kevin-Zhouu
Build spatial learning experiences with bundled Three.js, labelled anatomy or geometry, and accessible alternatives.
SkillBFreshness: BClaude Code +9
Cite this page
visual-explainer skill. Agent Mart. https://agentmart.dev/skills/kevin-zhouu-visual-explainer (last updated 2026-10-24)