plugin GitHub Copilot official · GitHub

diagram-viewer — GitHub Copilot plugin: diagrams and setup

Q: How do I install diagram-viewer in GitHub Copilot?

Run `copilot plugin install diagram-viewer@awesome-copilot`.

View diagrams in an interactive canvas, drill down by clicking nodes, and read agent-generated explanations alongside the diagram.

Install into GitHub Copilot · Command from the source All methods and platforms ↓

copilot plugin install diagram-viewer@awesome-copilot

Open on GitHub

What diagram-viewer does

diagram-viewer renders diagrams in a canvas. Click a node to drill down, with agent-generated explanations shown directly in the view.

Install it with copilot plugin install diagram-viewer@awesome-copilot. It fits workflows where you need to explore diagram nodes and their explanations; skip it if you do not need an interactive diagram view.

What it helps with

inspect individual diagram nodes
drill down from a node to more detail
read an agent's explanation in the diagram canvas

Example prompts for the agent

Render this diagram and explain the selected node in the canvas.
Open this node and drill down into its details.
Show the diagram in a canvas where I can explore its nodes.

How to install diagram-viewer

Command from the source

copilot plugin install diagram-viewer@awesome-copilot

From the same set554

The whole set →

git-commit official github This skill reviews Git changes, stages related files, and creates Conventional Commits. Use it when you want an agent to make one commit or split work into separate commits. GitHub Copilot 47,165installs excalidraw-diagram-generator official github Turn a plain-language description into an Excalidraw diagram. Useful for mapping processes, system structure, and relationships between entities. GitHub Copilot 31,639installs multi-stage-dockerfile official github This skill guides GitHub Copilot in writing multi-stage Dockerfiles for different languages and frameworks. Use it when the final runtime image should contain fewer build dependencies. GitHub Copilot 29,688installs documentation-writer official github Skill that turns the agent into a technical writer following the Diátaxis framework: tutorials, how-to guides, reference, and explanation. Proposes structure before writing. GitHub Copilot 27,757installs prd official github Turns a feature idea into a structured PRD with user stories, technical requirements, and risks. Use it when planning a software feature or an AI-powered one. GitHub Copilot 24,035installs refactor official github This skill reshapes existing code without changing its external behavior. Use it for gradual cleanup of large functions, duplication, weak types, and code smells. GitHub Copilot 22,321installs java-springboot official github Gives GitHub Copilot Spring Boot development practices, from project layout to tests and security. Use it when writing or reviewing Java application code. GitHub Copilot 21,272installs create-readme official github This skill reviews a project and creates a structured README.md. Use it when the repository needs clear documentation based on its actual files and code. GitHub Copilot 19,081installs

Questions about diagram-viewer

How do I install diagram-viewer in GitHub Copilot?

Run copilot plugin install diagram-viewer@awesome-copilot.

What does diagram-viewer do?

It renders diagrams in an interactive canvas, lets you drill down by clicking nodes, and displays agent-generated explanations there.

Can I drill down into diagram nodes?

Yes. Click a node to explore it in more detail.

Source text

diagram-viewer · MIT

# Diagram Viewer Plugin

Render diagrams, click nodes to drill down, and view agent-generated explanations directly in the canvas.

## Installation

``bash
copilot plugin install diagram-viewer@awesome-copilot
``

## Source

This plugin is part of [Awesome Copilot](https://github.com/github/awesome-copilot).

## License

MIT