---
title: Draw the request flow as a diagram
description: Get SVG, PNG, and an accessible HTML version from one canonical document.
url: https://openplanr.dev/docs/prompts/diagram-the-flow
updated: 2026-10-06
related:
  - https://openplanr.dev/docs/prompts/write-release-notes.md
---

# Draw the request flow as a diagram

Get SVG, PNG, and an accessible HTML version from one canonical document.

## Prompt

Claude Code:

```text
/diagram the request flow from the web app to the API and the queue as an architecture diagram
```

If /diagram runs another command, use /planr:diagram.

Codex:

```text
$diagram the request flow from the web app to the API and the queue as an architecture diagram
```

With the OpenPlanr plugin for Codex, use $planr:diagram.

Cursor:

```text
@planr-diagram the request flow from the web app to the API and the queue as an architecture diagram
```

Cursor applies the planr-diagram rule when you mention it in chat.

Parts to fill in, shown with their example text:

- What to draw: the request flow from the web app to the API and the queue

## Why this works

Name the kind of diagram you want. The skill turns your description into one canonical document, and the offline engine lays it out and renders SVG, PNG, and accessible HTML from it, with a manifest that binds the set.

## Make it stick

[OpenPlanr Diagram](https://openplanr.dev/docs/skills/diagram.md)