Moonshine — AI skill for Claude Code
A skill for distilling interactive technical explanations from AI generated complexity.
How to install Moonshine
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open enjalot/moonshine and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Moonshine does
A skill for distilling interactive technical explanations from AI generated complexity.
Alternatives in AI
- SEO Geo Claude Skills — 20 SEO & GEO skills for Claude Code, Cursor, Codex, and 35+ AI agents 888 ★
- Claude Hub — by Claude Did This - A webhook service that connects Claude Code to GitHub repositories, enabling AI-powered c 393 ★
- Model Hierarchy Skill — Cost-optimized model routing based on task complexity 333 ★
README
moonshine
**Claude Code and Codex support for distilling interactive technical explanations from AI generated complexity.**
[](LICENSE)
🌕 [See examples at enjalot.github.io/moonshine](https://enjalot.github.io/moonshine/)
Source-backed still examples: [The Still: Moonshine's Harness](https://enjalot.github.io/moonshine/moonshine-guide/) ([source](examples/moonshine-guide/)) and [A Map of What Children Learn](https://enjalot.github.io/moonshine/os-taxonomy-map/) ([source](examples/os-taxonomy-map/)).
AI tools generate complexity faster than people can consume it. Inspired by [Distill.pub](https://distill.pub), moonshine helps apply distillation to the flood of technical output, turning complex ideas into explorable, visual, interactive articles.
Moonshine starts with story discovery — concept, audience, the one insight the reader should walk away with — before it writes any code, and renders the article on one of two substrates:
- still (
/moonshine:still) — a Vite + React + Velite project where prose lives in pristine markdown and figures are React components. This is the substrate with the authoring loop (below) and the default for anything that will keep being edited. - shine (
/moonshine:shine) — a single self-contained HTML file with vanilla JS and D3. No build tools; one file you can email or host anywhere.
# Claude Code
/moonshine:still how gradient descent finds minima
# Codex
$still how gradient descent finds minima
The authoring loop (still)
While `npm run dev` runs, the rendered article is itself the editing surface, for both the author and the agent:
- Edit prose in place. Cmd/Ctrl+click any block to edit its raw markdown in the page; saves splice back into the
.mdby source offset. - Tune figures with knobs. Cmd/Ctrl+click a figure to open a panel generated from its
DEFAULTS; "Save to markdown" writes the tweake
Related Skills
Understanding Studio
An Agent Skill that turns complex topics and AI outputs into clear explanations, diagrams, interactive single-
Vibe Explain
Cognitive debt map for AI-generated code. Surfaces opaque blocks you don't fully own or understand, generates
Claude Institution
After distilling Fable 5, the output is an indexed CLAUDE.md + on-demand rules + skills, an executable specifi
Tierdecay
Self-distilling model router for AI coding CLIs: solve each task class once, then run it at the lowest reliabl
InstantCode
InstantCode is a browser inspection tool that brings AI directly to your webpage. Simply click on any element
Codexplain
Codex explanations suck. Codexplain improves them into clear Claude-like explanations with better UX and Gordo
Related Agents
Feynman Explainer
Decomposes a technical concept into layered explanations using the Feynman technique -- analogy first, mechani
Professor X
Use this agent when user wants to learn new concepts, understand patterns, study best practices, or get deeper
Concept Explainer
Use this agent when you need clear, comprehensive explanations of code functionality, programming concepts, sy