1. Diagrams
  2. Charts
  3. Levity
  4. Pipeline
  5. Rigor
  6. Personalization
  7. Install

Claude Code plugin

Your deck already reads. Make it land.

Decides where a visual belongs in an HTML deck and which kind. Never renders the deck.

Inline-SVG concept diagrams, dataviz-backed charts, icon anchors, and GIF levity — each a self-contained fragment injected into a deck frontend-slides already built.

# Install
/plugin marketplace add gagoar/gago-plugins
/plugin install deck-visuals@gago-plugins
/reload-plugins
See the gallery Browse the showcase

What it generates

Impactful visuals.

Inline-SVG concept diagrams for relationships and flows. Icon anchors for single ideas.

5 diagram recipes · 16 presentation icons

See the diagrams
A hub-and-spoke concept diagram: one triage queue connected to five systems
Relationship: hub and spokes
A layered architecture diagram with client, service and data tiers
Architecture: layered bands
A flow diagram of three chamfered nodes: request, validate, commit
Flow: request, validate, commit

What it generates

Data-viz principles.

Chart form and color come from a validated brand palette; the surface is hue-matched to the theme, not a fixed navy. Every chart ships a table twin.

8 validated palette slots

See the charts
A slide of four bullet points beside the same slide with a bar chart
Bullets in, chart out
A bar chart of deploys per quarter with a Show as table button
A chart with a table-view twin
A timeline diagram of four quarters with the current one highlighted
Timeline: the current quarter marked

The joke is optional. The accuracy isn't.

Never a guessed GIF.

Real GIFs by direct media URL, at a deliberate cadence, verified before they ship.

Levity starts from the slide's claim, not "which GIF." Strip the claim to the shape underneath it — excess, momentum without control, fragility, over-engineering, recurrence, and more — then match one named scene that embodies it, prioritized against what the presenter's own swipe profile says they'd actually recognize.

See the levity picker
A levity specimen: the claim, its shape, and the chosen scene
Excess: feature bloat
A levity specimen for momentum without control
Momentum without control
The levity picker: two slots, each with candidate GIFs side by side
The levity picker

How it works

The pipeline.

Six steps. The ones tagged deck-visuals are the plugin's own; the rest hand off to the skills that already do them well.

Read the pipeline
  1. Onboard (out-of-band). A local swipe picker rebuilds the presenter's pop-culture profile. deck-visuals
  2. Copy. Draft slide text. Run iceberg on the prose only. iceberg
  3. Render. Build or open the deck. frontend-slides
  4. Chart injection. dataviz form/marks + brand palette color, inline-SVG + table twin. deck-visuals
  5. Concept-visual injection. Diagram, icon, or a deferred placeholder — by the decision rule. deck-visuals
  6. Levity injection. GIF fragments at a tasteful cadence. deck-visuals

Validated, not eyeballed

The rigor is real.

  • The palette validator (dv-tools) is a real Go binary doing the colorblind-safety math — not eyeballed.
  • Every chart ships with a reachable table-view twin.
  • Every GIF is verified by a direct-URL check before it ships — never a guessed link.
  • The local pickers are zero-runtime binaries: bind 127.0.0.1 only, no auth, no outbound calls. Nothing leaves the machine.

Palette and charts

8.4
worst CVD ΔE (clears 8.0)
19.3
worst normal-vision ΔE (clears 15.0)
3:1
minimum contrast, all 8 slots
MIT
license, fully open source

Levity

25
concept-shape analogies in the seed library
2-3
GIF slides per 12-slide deck — never every slide
0
guessed URLs — every link is search-sourced, then verified
100%
alt text + reduced-motion poster on every GIF
  • Every GIF is resolved to a direct media URL by search, then run through dv-tools check-media-url — a dead or guessed link never ships.
  • Cadence is disciplined: one at the open, one at a section break, one at the payoff — not one per slide.
  • prefers-reduced-motion swaps in a verified still poster; no GIF is left animating regardless.
  • The picker is the same "Claude proposes, you approve" surface as the palette picker — pick side by side, watch the alternative rack out of focus.

It knows what you'd reference

Matches the shows you love.

Swipe through 50 shows and mark what you recognize — recognizing one means you'd get the jokes built around it. What you recognize unlocks accent themes matched to it: house default, a pinned Wes Anderson theme, and 14 more matched to shows like The Matrix, Breaking Bad, and Star Wars. Each theme carries its own coordinated dark surface, hue-matched to the accent — a warm theme never sits on a cold navy floor. It never asks you to name a color — you pick from swatches.

The onboarding swipe picker's intro screen, asking talk length and who's in the room.
Local tool — nothing leaves the machine.
The palette picker: four theme cards, each on its own coordinated dark surface, with Wes Anderson selected and its siblings racked out of focus.
Local tool — nothing leaves the machine.

Getting started

Make your deck land.

1Copy the command
2Paste it in Claude Code
3Ask it to "add visuals to my deck"
# Install
/plugin marketplace add gagoar/gago-plugins
/plugin install deck-visuals@gago-plugins
/reload-plugins

See the gallery →