Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architecture overview, diff review, plan review, project recap, comparison table, or any visual explanation of technical concepts. Also use proactively when you are about to render a complex ASCII table (4+ rows or 3+ columns) — present it as a styled HTML page instead.
$npx -y skills add nikiforovall/claude-code-rules --skill visual-explainerInstalls into the current project.
Run `npx skills use "https://github.com/nikiforovall/claude-code-rules" --skill "nikiforovall/claude-code-rules/visual-explainer"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/nikiforovall/claude-code-rules" that are relevant to the current task. Run `npx skills add "https://github.com/nikiforovall/claude-code-rules"` and select the relevant skills, then follow their instructions.