Back to skills
SkillHub ClubDesign ProductFull StackDesigner

explorable-explanations

Build single-file interactive HTML explanations that teach concepts through experimentation — sliders, animations, step-through controls, and multiple visual representations. Use when the user explicitly asks to build an explorable explanation, interactive explanation, or animated walkthrough of a concept.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
3
Hot score
80
Updated
March 20, 2026
Overall rating
C0.8
Composite score
0.8
Best-practice grade
A92.0

Install command

npx @skill-hub/cli install third774-dotfiles-explorable-explanations

Repository

third774/dotfiles

Skill path: opencode/skills/explorable-explanations

Build single-file interactive HTML explanations that teach concepts through experimentation — sliders, animations, step-through controls, and multiple visual representations. Use when the user explicitly asks to build an explorable explanation, interactive explanation, or animated walkthrough of a concept.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Full Stack, Designer.

Target audience: Development teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: third774.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install explorable-explanations into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/third774/dotfiles before adding explorable-explanations to shared team environments
  • Use explorable-explanations for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

explorable-explanations | SkillHub