skills.rest
AZANIR
AZANIRCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

qa-diagram-generator

Generates Mermaid diagrams from text, screenshots, or documentation.

2|2|Updated Mar 7, 2026
Search Tags:#architecture#mermaid#flowchart#visualization#diagrams#sequence diagram
One-click install
npx skills add https://github.com/AZANIR/qa-skills --skill qa-diagram-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: qa-diagram-generator
Source: https://github.com/AZANIR/qa-skills/tree/main/.cursor/skills/qa-diagram-generator
Command: npx skills add https://github.com/AZANIR/qa-skills --skill qa-diagram-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of various types of diagrams, transforming textual descriptions or visual inputs into structured visualizations, thereby clarifying complex processes, architectures, and data models.

Core Features & Use Cases

  • Universal Diagram Generation: Supports 14 Mermaid diagram types including flowcharts, sequence diagrams, state diagrams, and C4 models.
  • Multi-Source Input: Accepts text descriptions, screenshots, existing documentation, or code analysis as input.
  • Standalone & Embedded Use: Can be invoked directly by users or integrated into other QA skills for on-demand visualization.
  • Use Case: Generate a flowchart to visualize the steps of a user login process based on a textual description, or create a sequence diagram from a screenshot of an API interaction.

Quick Start

Use the qa-diagram-generator skill to draw a flowchart for the user registration process.

Frequently Asked Questions about qa-diagram-generator

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

FAQPage Schema
How do I generate Mermaid sequence diagrams from text descriptions?▼

To generate Mermaid sequence diagrams from text, provide a textual description of the process or interaction. The Skill transforms text descriptions, screenshots, and existing documentation into structured visualizations.

Can I create a flowchart from a screenshot of an existing architecture?▼

Yes, you can create flowcharts from screenshots. This Skill accepts screenshots, existing documentation, and code analysis as multi-source input to visualize architectures and processes.

What Mermaid diagram types are supported for visualizing data models?▼

It supports 14 Mermaid diagram types for visualizing data models, including flowcharts, sequence diagrams, state diagrams, and C4 models to clarify complex architectures.

How do I integrate diagram generation into other QA workflows?▼

You can integrate diagram generation into other QA workflows using embedded mode. It operates in standalone mode for direct user requests or embedded mode for integration with other QA skills.

What is the best way to visualize a user registration process flow?▼

The best way to visualize a user registration process flow is to invoke this Skill with a text description of the steps. It automates the creation of flowcharts, transforming textual descriptions into structured visualizations.

Related Skills

Explore More Software Engineering Skills→
anybackup-aianybackup-ai
264

design-diagram-maintainer

Update Mermaid diagrams in design documents to match associated text changes.

Official
Basic
TrevorEdrisTrevorEdris
2

mermaid-diagrams

Create Mermaid diagrams from plain text in Markdown documents.

Community
Basic
datamaker-krdatamaker-kr
1

mermaid-expert

Generate Mermaid diagrams with light/dark mode compatibility and semantic colors.

Official
Intermediate
qazuorqazuor

mermaid-diagram-specialist

Generate Mermaid diagrams for software documentation from natural language requests.

Community
Basic