{
  "markdown": "# Diagrams Plugin for Claude Code\n\nGenerate professional diagrams from natural language descriptions using [Kroki.io](https://kroki.io/).\n\n## What it does\n\nDescribe what you want to visualize and the plugin will:\n\n1. **Analyze** your description to identify the best diagram type\n2. **Generate** a professionally styled diagram script (PlantUML, Mermaid, GraphViz, D2, etc.)\n3. **Render** both PNG and SVG via the Kroki.io free API\n4. **Save** four files: markdown rationale, PNG, SVG, and the source script\n\n## Supported diagram types\n\n| Category | Types |\n|---|---|\n| **UML** | Sequence, Activity, Class, State, Use Case, Deployment (PlantUML) |\n| **Architecture** | C4 Model, D2, Block Diagrams |\n| **Data** | ERD, DBML, GraphViz dependency graphs |\n| **Flow** | Flowcharts (Mermaid), Decision Trees |\n| **Infrastructure** | Network (NwDiag), Rack, Packet |\n| **Project** | Gantt Charts, Mind Maps |\n| **Other** | WaveDrom, WireViz, Vega-Lite, Ditaa, and more |\n\n## Installation\n\n### Option A: Quick install (recommended)\n\nThis method downloads the plugin and makes it available every time you use Claude Code.\n\n**Step 1: Open your terminal**\n\n- **Mac**: Open the **Terminal** app (search for \"Terminal\" in Spotlight)\n- **Windows**: Open **Git Bash**, **WSL**, or **PowerShell**\n- **Linux**: Open your terminal application\n\n**Step 2: Download the plugin**\n\nCopy and paste this command into your terminal and press Enter:\n\n```bash\ngit clone https://github.com/tirandagan/claude-diagrams.git ~/.claude-plugins/claude-diagrams\n```\n\nThis downloads the plugin to a folder on your computer. If you see an error about `git` not being found, you need to [install Git](https://git-scm.com/downloads) first.\n\n**Step 3: Start Claude Code with the plugin**\n\n```bash\nclaude --plugin-dir ~/.claude-plugins/claude-diagrams\n```\n\nThat's it! The `/diagrams:diagram` command is now available in your Claude Code session.\n\n> **Tip:** You'll need to include `--plugin-dir ~/.claude-plugins/claude-diagrams` each time you start Claude Code. To avoid this, see Option B below.\n\n### Option B: Install via marketplace (permanent)\n\nIf this plugin is available in a Claude Code marketplace, you can install it permanently so it loads automatically every session:\n\n```bash\nclaude plugins install diagrams\n```\n\nIf the plugin isn't found, you can add this repository as a marketplace source first:\n\n```bash\nclaude plugins marketplace add https://github.com/tirandagan/claude-diagrams\nclaude plugins install diagrams\n```\n\n### Updating the plugin\n\nTo get the latest version:\n\n```bash\ncd ~/.claude-plugins/claude-diagrams && git pull\n```\n\n## Usage\n\n```\n/diagrams:diagram describe your diagram here\n```\n\n### Examples\n\n```\n/diagrams:diagram user authentication flow with OAuth2 for a web application\n/diagrams:diagram database schema for an e-commerce platform with users, products, and orders\n/diagrams:diagram CI/CD pipeline from code push to production deployment\n/diagrams:diagram microservices architecture for a payment processing system\n```\n\n## Output\n\nAll files are saved to a `diagrams/` directory in your current project:\n\n| File | Description |\n|---|---|\n| `{slug}.md` | Markdown with diagram rationale and design decisions |\n| `{slug}.png` | Rendered PNG image |\n| `{slug}.svg` | Rendered SVG image |\n| `{slug}.{ext}` | Source script (`.puml`, `.mmd`, `.dot`, `.d2`, etc.) |\n\n## Requirements\n\n- Claude Code v1.0.33+\n- Internet access (for Kroki.io API calls)\n- `curl` available in PATH\n\n## License\n\nMIT\n",
  "bytes": 3483,
  "sha": "e8d263cc62f27d3389197879aa21113951137ecc918c4a7ff28b49fef64d1f10",
  "repo_slug": "tirandagan/claude-diagrams",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/plg_tirandagan_claude_diagrams_diagrams_afd11bde/readme"
}