Generates interactive visual explanations of concepts, code changes, and conversations as HTML pages.
npx skills add https://github.com/JongDeug/dotfiles --skill explain-jongdeug
Please help me install this Agent Skill. Skill: explain Source: https://github.com/JongDeug/dotfiles/tree/main/ai/claude/skills/explain Command: npx skills add https://github.com/JongDeug/dotfiles --skill explain-jongdeug
High-intent search queries and answers about installing and using this skill.
Invoke the skill with a commit range, branch, or PR reference such as /explain HEAD~1 or a PR URL. It resolves the change with git diff or gh pr view, reads the surrounding code, and produces a structured HTML explanation with diagrams and a quiz.
Every explanation has four sections in order: Background, Intuition with a required flow diagram showing concrete example values, Detail covering the substance, and an interactive five-question multiple-choice quiz with randomized options.
Yes, the page is published as a Claude Artifact by default with a favicon and description. If publishing fails, it falls back to a self-contained HTML file saved outside the repo with a date-prefixed filename.
Browsers collapse newlines unless the element uses white-space: pre or pre-wrap. The skill requires code blocks to use <pre> tags or styled divs carrying white-space: pre-wrap, and each block is checked before saving.
Yes, the output is a single self-contained page with all CSS and JavaScript inlined. External CDNs, fonts, and scripts are excluded because the Artifact content security policy blocks them.
pydanticReviews the current branch diff against a base branch before pushing to GitHub.
maximoseoGenerate glossary, deck, and feature pages from project documentation.
open-octoDesign self-contained HTML and Markdown artifacts for Octo's Artifacts panel.
d-padmanabhanEnforce Markdown, Mermaid, and technical-writing conventions for documentation.
