diagrams

Generate diagrams from code concepts via Excalidraw, Draw.io, and PaperBanana.

Updated Jul 2, 2026
One-click install
npx skills add https://github.com/SamyakJhaveri/loam --skill diagrams-samyakjhaveri
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diagrams
Source: https://github.com/SamyakJhaveri/loam/tree/main/seed/.claude/skills/diagrams
Command: npx skills add https://github.com/SamyakJhaveri/loam --skill diagrams-samyakjhaveri

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-genai, pillow, pyyaml, and includes scripts (resource) components.

What problem does it solve?

This skill helps you generate diagrams and visuals directly from code or plain descriptions, letting you communicate complex systems, workflows, and architectures clearly without manual drawing.

Core Features & Use Cases

  • Generates diagrams from multiple tools (Excalidraw, Draw.io, PaperBanana, GitDiagram, Yoshida art) to fit different needs.
  • Supports a registry-driven concept model and structured outputs to docs/diagrams.
  • Provides a quick-start workflow to visualize a given concept slug.

Quick Start

Describe your concept slug and run the diagrams skill to render a visual diagram.

Frequently Asked Questions about diagrams

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automatically generate architecture diagrams from code or text descriptions?

You can generate architecture diagrams by providing a concept slug or plain description, which the tool routes through deterministic subcommands to render visual diagrams of systems and workflows.

Can I create Excalidraw and Draw.io style diagrams automatically from code?

Yes, diagram generation supports multiple targets including hand-drawn Excalidraw-style visuals and formal Draw.io diagrams to fit various documentation needs.

Does this diagram generation tool work with YAML frontmatter?

Yes, it enforces a concept registry via YAML frontmatter to manage concept slugs and routes rendering through deterministic subcommands for structured output.

What is the best way to visualize system workflows without manual drawing?

The best way to visualize workflows is using an automated generation tool that converts code-based concepts into structured diagrams, saving outputs directly to a docs directory.

How does the validation pipeline ensure diagram quality?

The validation pipeline uses a safety gate to enforce quality, ensuring that generated diagrams from code or descriptions meet structural and visual standards before output.

Can I generate academic figures and architecture diagrams from a single tool?

Yes, the tool supports rendering academic figures via PaperBanana and architecture diagrams from code or descriptions, alongside Excalidraw and Draw.io formats.