skills.rest
yanochka11
yanochka11COMMUNITY
Explore all skills by this author →
GitHub

diagrams

Generate text-based diagrams from technical concepts and system structures.

Updated May 5, 2026
Search Tags:#architecture#mermaid#flowchart#diagrams#graphviz#uml
One-click install
npx skills add https://github.com/yanochka11/harness_bro --skill diagrams-yanochka11
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagrams
Source: https://github.com/yanochka11/harness_bro/tree/main/.claude/skills/curated/diagrams
Command: npx skills add https://github.com/yanochka11/harness_bro --skill diagrams-yanochka11

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers and technical teams turn complex systems, workflows, and relationships into clear, maintainable diagrams without relying on manual drawing tools.

Core Features & Use Cases

  • Diagram Tool Selection: Chooses appropriate text-based diagram formats such as Mermaid, D2, PlantUML, Graphviz, Excalidraw, or diagrams.py based on the visualization goal.
  • Diagram Generation Guidance: Provides syntax patterns and best practices for architecture diagrams, flowcharts, sequence diagrams, ER diagrams, UML models, and cloud topologies.
  • Use Case: Create a reviewable architecture diagram for an AI system, generate a Mermaid flowchart for documentation, or prepare a vector-based technical figure for a paper.

Quick Start

Use the diagrams skill to create a Mermaid architecture diagram for my machine learning application.

Frequently Asked Questions about diagrams

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

FAQPage Schema
How do I create a Mermaid architecture diagram for a machine learning application?▼

To create a Mermaid architecture diagram, describe your system structure and technical concepts to generate text-based diagram syntax, which produces a version-controlled, reviewable visual representation of your machine learning workflow.

What is the best way to generate version-controlled diagrams for software documentation?▼

The best way to generate version-controlled diagrams is using text-based formats like Mermaid, D2, or PlantUML, which allow you to maintain and update technical figures directly within your codebase and documentation.

How do I choose between Graphviz, Mermaid, and PlantUML for UML modeling?▼

Choosing between Graphviz, Mermaid, and PlantUML for UML modeling depends on your visualization goal; the appropriate format is selected based on whether you need flowcharts, sequence diagrams, ER models, or cloud topology representations.

Can I generate sequence diagrams and ER diagrams from text syntax?▼

Yes, you can generate sequence diagrams and ER diagrams from text syntax using supported formats like Mermaid, Graphviz, and PlantUML, converting technical system relationships into clear, maintainable visual structures.

Do I need any specific drawing tools to create cloud topology diagrams?▼

No, you do not need manual drawing tools to create cloud topology diagrams; you can generate maintainable, vector-based technical figures by writing text syntax in formats like D2 or diagrams.py.

Related Skills

Explore More Software Engineering Skills→
OKHP3OKHP3
2

mermaid-diagrams

Convert plain text descriptions into Mermaid syntax-based diagrams.

Community
Advanced
ribeec20ribeec20

diagrams

Generate technical diagrams in Mermaid, PlantUML, D2, and Graphviz formats.

Community
Advanced
StonelukasStonelukas

mermaidjs-v11

Convert Mermaid.js v11 text into SVG, PNG, or PDF diagrams.

Community
Intermediate
HouseGarofaloHouseGarofalo
3

mermaid-diagrams

Generate flowcharts, sequence diagrams, class diagrams, and ERDs from Mermaid syntax.

Official
Basic