Agent Plugins Marketplace
← All plugins

svg-infographics

v1.8.5

SVG infographic creation with grid-first design, CSS theme classes, dark/light mode, validation tools, and 60+ reference examples. Create card grids, timelines, flowcharts, banners, stats panels, and creative diagrams.

Claude Code7 Skills

By Stellars HensonLicense: MIT4 GitHub starsUpdated 6 days ago

Directory evidence

Runtimes
Claude Code
Parsed components
7 skill or MCP entries
Source updated
Sep 17, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install svg-infographics for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install svg-infographics@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/stellarshenson/claude-code-plugins

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/svg-infographics/.

Plugin files

plugins/svg-infographics/
├── .claude-plugin/plugin.json
├── skills/beautify/SKILL.md
├── skills/create/SKILL.md
├── skills/export-png/SKILL.md
├── skills/fix/SKILL.md
├── skills/svg-infographics/SKILL.md
├── skills/theme/SKILL.md
└── skills/validate/SKILL.md

Included Skills7

beautifyskills/beautify/SKILL.md

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

createskills/create/SKILL.md

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-pngskills/export-png/SKILL.md

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

fixskills/fix/SKILL.md

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-infographicsskills/svg-infographics/SKILL.md

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 only on a clean finalize. Triggers - "create svg", "make svg", "create graphics", "svg infographic", "diagram", "banner", "timeline", "flowchart", "validate svg", "fix svg", "design svg". Fork context - invoke via `Skill(skill="svg-infographics:svg-infographics")` or `/svg-infographics:create`.

themeskills/theme/SKILL.md

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. Triggers - "theme swatch", "create theme", "colour palette", "brand colours", "re-theme".

validateskills/validate/SKILL.md

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

Plugin manifests1

plugins/svg-infographics/.claude-plugin/plugin.json
{
  "name": "svg-infographics",
  "description": "SVG infographic creation with grid-first design, CSS theme classes, dark/light mode, validation tools, and 60+ reference examples. Create card grids, timelines, flowcharts, banners, stats panels, and creative diagrams.",
  "version": "1.8.5",
  "license": "MIT",
  "author": {
    "name": "Stellars Henson",
    "email": "[email protected]"
  },
  "keywords": [
    "svg",
    "infographic",
    "diagram",
    "visualization",
    "timeline",
    "flowchart",
    "banner",
    "card-grid",
    "dark-mode",
    "theme",
    "validation"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[svg-infographics on Agent Plugins Marketplace](https://pluginsmp.com/plugins/svg-infographics)