claudecodex

svg-infographics

SVG infographic creation with grid-first design, CSS theme classes, dark/light mode, validation tools, and 60+ reference examples

4 on GitHubby Stellars Hensonv1.8.31MITupdated 4 days agodocumentation
/

Plugin svg-infographics from marketplace stellarshenson-marketplace in stellarshenson/claude-code-plugins. Commands read from the repo's manifest — 3 days ago.

What it installs

Skills (7)

  • beautify

    Enhance existing SVGs with glow, icons, decorations, colour variation, abstract shapes at configurable intensity (low/medium/high/absurd)

  • create

    Create SVG infographic(s) following the full grid-first design workflow. Triggers - "create svg", "make svg", "create graphics", "make infographic", "create diagram", "make banner", "create timeline", "create flowchart".

  • export-png

    Export SVG to PNG with light/dark mode support via Playwright

  • fix

    Fix issues in SVG infographics. Argument describes what to fix (layout / style / contrast / connectors / all). Dispatches the svg-infographics umbrella skill - an in-session fork by default. Triggers - "fix svg", "fix layout", "fix style", "fix contrast", "fix connectors", "fix infographic".

  • svg-infographics

    Grid-first SVG design workflow producing validated infographics - diagrams, banners, timelines, flowcharts, card grids, charts. Use when creating, fixing or validating any SVG graphic - scaffold a standard format, compute every coordinate via CLI tools, route connectors with direction gates, ship on

  • theme

    Generates SVG theme swatches and manages brand palettes - shade grades (fg-1..4, accent-1/2, bg-1/2), dark-mode mappings, approval workflow before any deliverable SVG. Use when creating or updating a theme swatch, defining a colour palette for SVG infographics, or re-theming graphics to a brand. Tri

  • validate

    Run the consolidated SVG validation gate (finalize - all checkers in one call) on one or more files. Triggers - "validate svg", "check svg", "audit svg", "validate infographic".

Slash commands (6)

  • /svg-infographics:beautify

    Enhance existing SVGs with glow, icons, decorations, colour variation, abstract shapes at configurable intensity (low/medium/high/absurd)

  • /svg-infographics:create

    Create SVG infographic(s) following the full grid-first design workflow. Triggers - "create svg", "make svg", "create graphics", "make infographic", "create diagram", "make banner", "create timeline", "create flowchart".

  • /svg-infographics:export-png

    Export SVG to PNG with light/dark mode support via Playwright

  • /svg-infographics:fix

    Fix issues in SVG infographics. Argument describes what to fix (layout / style / contrast / connectors / all). Dispatches the svg-infographics umbrella skill - an in-session fork by default. Triggers - "fix svg", "fix layout", "fix style", "fix contrast", "fix connectors", "fix infographic".

  • /svg-infographics:theme

    Generate or update a theme swatch SVG for brand colour approval

  • /svg-infographics:validate

    Run the consolidated SVG validation gate (finalize - all checkers in one call) on one or more files. Triggers - "validate svg", "check svg", "audit svg", "validate infographic".

Subagents (1)

  • svg-builder

    Builds, fixes and validates SVG infographics through the svg-infographics CLI - grid-first, every coordinate from a tool call, every colour from a CSS class, shipped only on a clean finalize plus the Phase 6 readback. The svg-infographics umbrella skill forks onto it, and /svg-infographics:create di

View source on GitHub

More from stellarshenson/claude-code-plugins

All 7 plugins →

datascience

claudecodex

Data science project standards - notebook structure, rich output styling, copier scaffolding, and compliance review

20 skills · 15 commands

4

devils-advocate

claudecodex

Critical document analysis with persona-driven risk scoring, iterative scorecard evaluation, and versioned corrections - plus adversarial-review, hostile red-team review of code and artefacts with pluggable expert adversaries

6 skills · 5 commands · 2 agents

4

Micro project management - acceptance criteria and defects as markdown checklists with permanent ids, author handles, severity triage, and computed reports

6 skills · 5 commands · hooks

4

journal

claudecodex

Project journal management - append-only entries, continuous numbering, verification, and archiving

6 skills · 5 commands

4

Structured document processing with source grounding (lexical-mode default: CPU-only frozen logistic with 3 effort tiers; optional semantic + NLI entailment), uniformization, PDF manipulation, and validation

5 skills · 5 commands

4

autobuild

claudecodex

Autonomous build iteration orchestrator with multi-agent review, FSM-driven lifecycle, and YAML-configured workflows

4 skills · 1 command · 1 agent

4

Similar plugins

Claude API and SDK documentation skill for building LLM-powered applications

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

Generate natively editable PPTX from PDF / DOCX / URL / Markdown — real DrawingML shapes, text boxes, charts, and animations. Note: run `pip install -r requirements.txt` inside the installed plugin directory for the Python post-processing scripts to work.

1 skill

hugohe3/ppt-master 76,375

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

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

OpenAPI specification generation, Mermaid diagram creation, tutorial writing, API reference documentation

3 skills · 1 command · 5 agents

wshobson/agents 42,461

Maintain svg-infographics?

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 plugins7 plugins