vizmatic

v0.2.0

Create and render theme-aware diagrams, charts, docs figures, and animated GIFs from TSX.

CodexClaude Code1 Skill

By Bruno VolpatoLicense: MIT2 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes: Codex and Claude Code
Parsed components: 1 skill or MCP entry
Source updated: Oct 2, 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 vizmatic for Codex and Claude Code

Installs for the current user

codex plugin marketplace add bvolpato/vizmatic
codex plugin marketplace upgrade vizmatic
codex plugin add vizmatic@vizmatic

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

Compatibility: the page URL and API slug “vizmatic” remain stable.

Codex: vizmatic@agent-plugin-marketplace → vizmatic@vizmatic

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/bvolpato/vizmatic

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

Plugin files

plugins/vizmatic/

├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
└── skills/vizmatic/SKILL.md

Included Skills1

vizmaticskills/vizmatic/SKILL.md

Create and render theme-aware diagrams, charts, docs figures, and animated GIFs from TSX. Use when a coding agent needs an architecture diagram, process flow, RAG graph, evaluation dashboard, slide frame, release card, or animated pipeline.

Plugin manifests2

plugins/vizmatic/.codex-plugin/plugin.json

{
  "name": "vizmatic",
  "version": "0.2.0",
  "description": "Create and render theme-aware diagrams, charts, docs figures, and animated GIFs from TSX.",
  "author": {
    "name": "Bruno Volpato",
    "url": "https://github.com/bvolpato"
  },
  "homepage": "https://bvolpato.github.io/vizmatic/",
  "repository": "https://github.com/bvolpato/vizmatic",
  "license": "MIT",
  "keywords": [
    "visualization",
    "diagrams",
    "codex",
    "skills",
    "react",
    "satori"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "Vizmatic",
    "shortDescription": "Create diagrams and charts from TSX",
    "longDescription": "Use Vizmatic scene primitives to render diagrams, dashboards, docs figures, presentation frames, and animated GIFs.",
    "developerName": "Bruno Volpato",
    "category": "Productivity",
    "capabilities": [
      "Write"
    ],
    "websiteURL": "https://bvolpato.github.io/vizmatic/",
    "defaultPrompt": [
      "Use @vizmatic to create an architecture diagram and render dark and light PNG files.",
      "Use $vizmatic to turn this workflow into a docs figure."
    ],
    "brandColor": "#7C3AED"
  }
}

plugins/vizmatic/.claude-plugin/plugin.json

{
  "name": "vizmatic",
  "displayName": "Vizmatic",
  "version": "0.2.0",
  "description": "Create and render theme-aware diagrams, charts, docs figures, and animated GIFs from TSX.",
  "author": {
    "name": "Bruno Volpato",
    "url": "https://github.com/bvolpato"
  },
  "homepage": "https://bvolpato.github.io/vizmatic/",
  "repository": "https://github.com/bvolpato/vizmatic",
  "license": "MIT",
  "keywords": [
    "visualization",
    "diagrams",
    "skills",
    "react",
    "satori"
  ],
  "skills": "./skills/"
}