← All Agent Skills

Stack Diagram

Turn a system inventory into a diagram with service groups, recognizable icons and clear connections.

Overview

The Stack Diagram skill asks an agent to establish the components and relationships before arranging the design. It describes grouped containers, orthogonal connectors and output options including a standalone HTML diagram, a PNG or a React component.

Getting started

Start with the system boundaries, named services and the data or request flow the reader needs to see.

Skill instructions

Open original SKILL.md ↗

Sources and documentation

Browse the MCP server directory