nityeshaga/claude-home-base/explorable-explanations
Claude Code and agent skill by nityeshaga/claude-home-base
- community
Checking that the SKILL.md file is still in the repository.
Build explorable explanations and interactive tutorials inspired by Nicky Case—a non-linear, interconnected tree of short HTML slide decks, with forks and doors placed naturally inside each slide. Use for requests to build an explorable or playable, including requests inspired by Nicky Case, explorabl.es, or Bret Victor.
Install
npx vskill@latest install nityeshaga/claude-home-base/explorable-explanationsSKILL.md
Explorable explanation
Build a dense interconnected tree of short HTML slide decks, shaped like the topic deserves—a fingerprint of the topic. Keep the explorable one idea at a time, with paths the reader can choose naturally within each slide.
Read first
- The Explorable Explanations Playbook — the Nicky Case playbook, summarized from public articles and talks, with ideas from Bret Victor and Steven Strogatz. Read once per project to understand why the craft rules exist.
- Explorable craft — practical lessons, recurring mistakes, and the details that often go wrong. Read before planning and building, and return to it when reviewing.
- Look at all three screenshots from Nicky Case's The Evolution of Trust (1, 2, 3) before planning or building to understand the broad vibes. Take inspiration from Nicky Case, but don't copy what it's doing. Make your own version based on the topic and its needs; everything can change.
Working rhythm
- Go through the documentation for the topic first.
- Before building, write a detailed, fleshed-out
plan.mdlike a scriptwriter scripting the whole reader experience: the opening hook, key passages of writing, what the reader sees, does, and discovers, and how they travel through the branches and transitions. Show what draws them onward and how the journey builds toward the intended learning outcome. - Use the frontend design guidance for the UI.
- Build the whole explorable.
- Screenshot every slide and rework any that fails the craft rules.
- Afterwards, use a few adversarial subagents to judge the whole experience across Writing, UI, Visuals, and Teaching, find violations against the craft doc, and flag items to fix.
- At the very end, launch a separate subagent to give it a visual identity that’s as memorable as the experience itself with the instructions as given below:
- Optionally, if the user reports that the narritive flow is breaking or the explorable is too dense at some points, launch a subagent to identify gaps in the flow with the instructions as given below:
- Once its review is in, realize that Chad just did us a big service. It gives us an opportunity to massively improve and enrich the reader experience even further. Lets do an awesome job at filling in these gaps and build a version 2.0 here by editing or adding new slides. Don't shy away from extra work - feel free to use subagents to distribute the work.
Security
- Security scanPassed, 95 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingplugins/creative/skills/explorable-explanations/SKILL.md
Popularity
- 7-day trend score
- 0
Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/nityeshaga/claude-home-base/explorable-explanations)