claude

visual-explainer

Generate beautiful HTML pages for diagrams, diff reviews, plan reviews, slides, and data tables

0 on GitHubby nicobailonv0.7.1MITupdated 2 months agovisualization
/

Plugin visual-explainer from marketplace visual-explainer-marketplace in Observatoriodomos/DomosMirador. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (1)

  • visual-explainer

    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 wh

Slash commands (8)

  • /visual-explainer:diff-review

    Generate a visual HTML diff review — before/after architecture comparison with code review analysis

  • /visual-explainer:fact-check

    Verify the factual accuracy of a document against the actual codebase, correct inaccuracies in place

  • /visual-explainer:generate-slides

    Generate a stunning magazine-quality slide deck as a self-contained HTML page

  • /visual-explainer:generate-visual-plan

    Generate a visual HTML implementation plan — detailed feature specification with state machines, code snippets, and edge cases

  • /visual-explainer:generate-web-diagram

    Generate a beautiful standalone HTML diagram and open it in the browser

  • /visual-explainer:plan-review

    Generate a visual HTML plan review — current codebase state vs. proposed implementation plan

  • /visual-explainer:project-recap

    Generate a visual HTML project recap — rebuild mental model of a project's current state, recent decisions, and cognitive debt hotspots

  • /visual-explainer:share-page

    Deploy a generated visual-explainer HTML page and return a live Vercel URL

View source on GitHub

Similar plugins

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

AI-powered codebase understanding — analyze, visualize, and explain any project

9 skills · 10 agents · hooks

Egonex-AI/Understand-Anything 92,410

hyperframes

claudecodex

Recommended: all published HyperFrames skills in one versioned bundle. Create and render videos from HTML: the contract, film, captions, overlays, motion and look references, the CLI, the registry, media, Figma, slideshows and Remotion ports.

22 skills

heygen-com/hyperframes 83,516

Visual workflow automation with templates, orchestration, and lifecycle management

5 skills · 8 commands · 3 agents

ruvnet/ruflo 81,589

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

hyperframes

claudecodex

HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.

34 skills

anthropics/claude-plugins-official 47,076

Maintain visual-explainer?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex pluginslisted