/docs--diagram

/docs--diagram is a Claude Code skill in the Code section. Reads your code and draws Mermaid diagrams (flowchart, sequence, class, ER, state or C4) with a plain-text explanation.

Author's description

Generate architecture diagrams using Mermaid from code analysis

How to ask for it

/docs--diagram draw the architecture diagram for this backend
/docs--diagram generate a Mermaid diagram of the authentication flow
/docs--diagram I need a diagram of how my microservices connect

Install

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

After installing with the script, type /docs--diagram. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

/docs--doc-genCode documentation
Documents a file, module or API with overview, usage examples, function reference and configuration, in your project doc format.
Built here
/docs--onboarding-guideDeveloper onboarding guide
Builds an onboarding guide from your actual repo: prerequisites, environment variables, commands and how to get to a first pull request.
Built here
/docs--openapi-genOpenAPI specification
Scans your code endpoints and generates or updates an OpenAPI 3.0 YAML spec with schemas, security schemes and examples.
Built here
/docs--readme-genProfessional README
Analyzes your project and writes a complete README.md: description, quick start, installation, usage, configuration and development.
Built here
/write-swiftModern Swift writing guide
A guide for writing, reviewing or migrating Swift 6: value types, data-race-safe concurrency, protocols, performance and Swift Testing.
By emilkowalski
/fullstack--admin-panelAdmin panel
Builds an internal admin panel with CRUD for your models, user impersonation for support, an audit log and server-side role gates.
Built here

How to ask for it

Install

More from this section