Introducing ToDiagram Skills for Coding Agents
Aykut Saraç
• March 16, 2026
TL;DR: ToDiagram now has a public ToDiagram/skills repository. The first published diagram skill helps coding agents turn rough descriptions and change sets into diagrams that are easier to review.
If you already use coding agents, this is a simple way to get more useful diagram output from them.
What It Is
ToDiagram/skills is a public GitHub repository for installable agent skills.
Right now it includes one published skill: diagram.
The goal is simple: help coding agents produce diagrams that are easier to use and easier to review.
Useful Use Cases
Some of the most useful cases:
- System architecture diagrams: Turn a service list, infrastructure notes, or a README into a high-level architecture map.
- Flow diagrams: Turn runbooks, user journeys, approval paths, or support workflows into a readable flow.
- AI-generated diff review: Turn before/after changes into a diagram so large AI edits are easier to understand than raw diffs alone.
- Messy outputs from agents: Get something more structured and more consistent than a one-off blob pasted into chat.
How It Helps
The main value is that the skill gives the agent a clearer target.
That helps in two ways:
- It makes the output more consistent.
- It validates the output so you are not only trusting the first response.
In practice, that means less time fixing broken diagram output and more time reviewing the actual idea or change.
Get Started
The repo is live at github.com/todiagram/skills.
To install a skill, you can use Vercel's skills npm package to interactively install this skill on your agent.
npx skills add todiagram/skills
Try it on your next diagram and let us know how it goes!