---
title: "Code to Diagram - Air Market"
description: "Explaining how a system is put together is slow in words and quick in a picture. This reads the code and draws it: the architecture, the data model, how a request moves through, how classes relate. R…"
canonical: "https://airmarket.ai/app/code-to-diagram"
---

[Air Market](/) / [Developer Tools](/category/devtools) / Code to Diagram

Skill by [dp-archive](/@dp-archive)

# Code to Diagram

See the shape of a codebase instead of reading all of it

## What this does

Explaining how a system is put together is slow in words and quick in a picture. This reads the code and draws it: the architecture, the data model, how a request moves through, how classes relate. Reach for it when onboarding someone, writing docs, or working out what you have inherited.

### Top 3 things it does for you

- Draw how the parts of a system fit together
- Turn database models into an ER diagram
- Chart the sequence of calls through an API flow

## Information

**Code to Diagram at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [dp-archive](/@dp-archive) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 10 KB |
| Licence | Apache-2.0 |
| Repository | [dp-archive/archive](https://github.com/dp-archive/archive/tree/f8bf8cab697714b02956d2d363631e4ee9547927/seed_skills/code-to-diagram) |
| GitHub stars | 1,105 (as of Nov 2026) |
| Installs | 22, counted by skills.sh (Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Code to Diagram and flagged nothing. AIR's verdict: **safe**.

**What Code to Diagram's check was run against**

|  |  |
| --- | --- |
| Commit | f8bf8cab697714b02956d2d363631e4ee9547927 |
| Content hash | 376b9fa75c219cc01789ce2d63bdaef3ae544abbd3f9b89b710fc2ea9e9ed18a |
| Files read | [Browse the files at this exact commit](https://github.com/dp-archive/archive/blob/f8bf8cab697714b02956d2d363631e4ee9547927/seed_skills/code-to-diagram/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Code to Diagram](/security/code-to-diagram)

## About Code to Diagram

This generates diagrams from source code using Mermaid.js: architecture diagrams, ER diagrams built from database models, sequence diagrams from API flows, flowcharts, and class diagrams.

Ask for what you want in ordinary words - draw the architecture, visualise this code, an ER diagram, a module dependency graph - and it produces the diagram from the code itself.

## What's inside

- SKILL.md - instructions
- references/mermaid-patterns.md - reference

## Questions

### Is Code to Diagram safe to install?

AIR scanned this exact version of Code to Diagram and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit f8bf8cab6977, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/code-to-diagram.

### How do I install Code to Diagram?

Open https://airmarket.ai/app/code-to-diagram on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/dp-archive/archive/tree/f8bf8cab697714b02956d2d363631e4ee9547927/seed_skills/code-to-diagram. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by dp-archive](/@dp-archive)

---

Canonical URL: <https://airmarket.ai/app/code-to-diagram>