Skip to content
Sam Despo

Free AI newsletter

The best new AI tools and how to actually use them. Free, straight to your inbox.

No spam. Unsubscribe any time.

Design & Front-end

Visual Explainer

Makes polished web pages or slides that explain diagrams, code changes and plans.

FreeOpen sourceBy Nico Bailon
View source

What is it?

Coding agents tend to draw diagrams and tables with text characters in the terminal, which turns into a mess past a few boxes. This skill has Claude build a proper web page instead, with real typography, light and dark themes and diagrams that animate, and opens it in your browser.

Commands cover the common jobs: /generate-web-diagram for any topic, /generate-slides for a slide deck, /diff-review to explain a set of code changes, /plan-review to check a plan against the code, /project-recap for a refresher when you come back to a project, and /compare to lay out options side by side and pick one.

Slide decks can also be exported to PowerPoint or a narrated video, though those extras need a few more tools installed.

Install in Claude Code

In Claude Code run /plugin marketplace add nicobailon/visual-explainer, then /plugin install visual-explainer@visual-explainer-marketplace. Commands start with /visual-explainer:, for example /visual-explainer:generate-slides.

Try this prompt

Paste into Claude Code
/visual-explainer:compare Shopify versus WooCommerce for my store, then recommend one.

Who it's for

Anyone who wants Claude's explanations in a form they can read, share or present.

Best for

  • Explaining changes to a client
  • Quick slide decks
  • Comparing options side by side
  • Catching up on a project

Why it made the list

It turns Claude's walls of terminal text into pages a client could read.

More skills like this

  • Archify

    Design & Front-end

    Turns an idea, plan or codebase into an interactive diagram you can click and share.

    Free

  • Diagram Design

    Design & Front-end

    Clean diagrams in your brand: org charts, process flows, quadrants and 40+ more.

    Free

  • Playground

    Design & Front-end

    Builds a one-page tool with sliders and a live preview to explore an idea visually.

    Free

  • PowerPoint decks (pptx)

    Documents & Files

    Build, edit or read slide decks as proper PowerPoint files, templates included.

    Free