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
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
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.
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.
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.