sequence-diagram

Generate and update Mermaid sequence diagrams from codebase analysis.

1|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/kssumin/claude-playground --skill sequence-diagram
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sequence-diagram
Source: https://github.com/kssumin/claude-playground/tree/main/.claude/skills/sequence-diagram
Command: npx skills add https://github.com/kssumin/claude-playground --skill sequence-diagram

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automatically analyzes a codebase to generate and update Mermaid sequence diagrams. It covers system architecture, major data flows (write/read, asynchronous, and errors), and batch/scheduler flows.

Core Features & Use Cases

  • Auto-generate and update Mermaid sequence diagrams from the codebase, reflecting architecture and data flows.
  • Support main write/read paths, asynchronous messaging, error handling, and batch/scheduler processes.
  • Use Case: After major feature merges that change data flow or when a user asks for a diagram, run this skill to regenerate the diagrams.

Quick Start

Generate a Mermaid sequence diagram for the current codebase showing the main write, read, asynchronous, and batch flows.

Frequently Asked Questions about sequence-diagram

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

FAQPage Schema
How do I generate a Mermaid sequence diagram from my codebase?

To generate a Mermaid sequence diagram, a tool analyzes your source code to map out data flows across controllers and services, outputting a visual diagram plan aligned with entry points and event pathways.

What is the best way to visualize write and read data flows in my repository?

Visualizing write and read flows is best achieved by analyzing your codebase to automatically generate Mermaid sequence diagrams that map out the architecture and trace data paths across infrastructure layers.

Can I automatically update architecture diagrams after merging new features?

You can automatically update architecture diagrams by analyzing the codebase after major feature merges to regenerate Mermaid sequence diagrams reflecting the newly changed asynchronous messaging and error handling flows.

Do I need repository access to generate sequence diagrams for asynchronous messaging?

Yes, you need repository access to source code and configuration details to accurately map asynchronous messaging, retry behavior, and batch or scheduler flows into a Mermaid sequence diagram.

What types of system flows can I visualize using codebase analysis for diagram generation?

Using codebase analysis for diagram generation, you can visualize system architecture, major write and read paths, asynchronous messaging, error handling, and batch or scheduler processes.

Why are my sequence diagrams not showing the correct error handling paths?

Sequence diagrams may miss correct error handling paths if the codebase analysis lacks access to updated source code or configuration details required to map retry behavior and error event pathways.