diagrams

SkillDev tools

Analyze provided code, architecture, or concept and generate clear, well-structured Mermaid diagram visualizing relationships, flow, or structure. Use when the user types /diagrams.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the diagrams skill

What this skill tells your AI

The instructions your AI receives, as published by blockmatic/basilic in .agents/skills/workflow/diagrams/SKILL.md and read by ahel’s review.

Analyze provided code, architecture, or concept and generate clear, well-structured Mermaid diagram visualizing relationships, flow, or structure.

  1. Analyze the input: Understand what user wants to visualize (code flow, architecture, data relationships, state machines, sequences, etc)
  2. Choose appropriate diagram type: flowchart (process flows/decision trees/algorithms), sequenceDiagram (API calls/message passing/request-response flows), classDiagram (class structures/inheritance/interfaces), erDiagram (database schemas/entity relationships), stateDiagram-v2 (state machines/lifecycle flows), graph TD/LR (dependency graphs/module relationships), gitgraph (git branching strategies), journey (user journeys), gantt (timelines/schedules)
  3. Generate diagram: Create with clear descriptive node labels, logical grouping with subgraphs where appropriate, consistent styling/direction, meaningful relationship labels on edges, not overly complex - split into multiple diagrams if needed
  4. Output and explain: Always wrap diagram in mermaid code block, explain what diagram shows, offer to refine or expand specific sections, suggest alternative diagram types if applicable

Signals

GitHub stars
89
Forks
11
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
diagrams
Source
github.com/blockmatic/basilic