> ## Documentation Index
> Fetch the complete documentation index at: https://docs.docdiagram.com/llms.txt
> Use this file to discover all available pages before exploring further.

# DocDiagram in Claude Code

> Generate and manage diagrams without leaving your terminal or editor.

<Frame caption="One install gives you two ways to make diagrams from the terminal">
  <img src="https://mintcdn.com/docdiagram/sY1JQuLzhra0Zjci/images/diagrams/cc-overview-light.svg?fit=max&auto=format&n=sY1JQuLzhra0Zjci&q=85&s=130be7885e3b698394eb3bedfe575c46" alt="Claude Code calls DocDiagram, which produces either an image file or a diagram bound to a docs page" className="block dark:hidden" width="800" height="320" data-path="images/diagrams/cc-overview-light.svg" />

  <img src="https://mintcdn.com/docdiagram/sY1JQuLzhra0Zjci/images/diagrams/cc-overview-dark.svg?fit=max&auto=format&n=sY1JQuLzhra0Zjci&q=85&s=6dc92d1c8b6f6fcfe969bee91cef6bc4" alt="Claude Code calls DocDiagram, which produces either an image file or a diagram bound to a docs page" className="hidden dark:block" width="800" height="320" data-path="images/diagrams/cc-overview-dark.svg" />
</Frame>

DocDiagram ships a [Claude Code](https://claude.com/claude-code) plugin so you can create diagrams from where you already work: the command line. Install it once, authenticate once, and you get slash commands plus a bundled MCP server.

There are two workflows, and you can use either or both.

<CardGroup cols={2}>
  <Card title="Standalone diagrams" icon="image" href="/claude-code/standalone-diagrams">
    Prompt in, image file out, saved to your current folder. No docs project, no repo. The fastest path.
  </Card>

  <Card title="Embedded diagrams" icon="file-code" href="/claude-code/embedded-diagrams">
    Create a diagram bound to an MDX page in your docs repo, then refine and re-sync it over time.
  </Card>
</CardGroup>

## What you get

* **Slash-command skills** like `/docdiagram:diagram` and `/docdiagram:create` that you call inside a Claude Code session.
* **A bundled MCP server** (`docdiagram`) that exposes the same capabilities as tools, so any MCP-aware client can use them.
* **One shared credential.** The skills and the MCP server both read `~/.docdiagram/config.yaml`, written once by `/docdiagram:auth`.

## Which workflow should I use?

| You want to...                                                | Use                                                                           |
| ------------------------------------------------------------- | ----------------------------------------------------------------------------- |
| Get a diagram image to drop in a slide, README, or chat       | [Standalone](/claude-code/standalone-diagrams) (`/docdiagram:diagram`)        |
| Put a diagram on a docs page and keep it updated in your repo | [Embedded](/claude-code/embedded-diagrams) (`/docdiagram:create`)             |
| Use DocDiagram from Cursor, Continue, or another MCP client   | [The MCP server](/claude-code/setup#other-mcp-clients) (`uvx docdiagram-mcp`) |

## Next

<Card title="Set up the plugin" icon="download" href="/claude-code/setup">
  Install and authenticate in two commands.
</Card>