stage4-flowchart-generation

Generate Mermaid flowcharts from SOP documents with Korean/Japanese language auto-detection.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/channel-io/sop-agent --skill stage4-flowchart-generation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stage4-flowchart-generation
Source: https://github.com/channel-io/sop-agent/tree/main/.agents/skills/stage4-flowchart-generation
Command: npx skills add https://github.com/channel-io/sop-agent --skill stage4-flowchart-generation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automatically generate Mermaid flowcharts from SOP documents created in Stage 3 to visualize customer support workflows.

Core Features & Use Cases

  • Generate Mermaid flowcharts from Stage 3 SOPs
  • Convert diagrams to SVGs for easy sharing
  • Language-aware rendering (Korean or Japanese) from user input

Quick Start

Provide the path to the Stage 3 SOP directory and let the skill generate flowcharts and SVG outputs.

Frequently Asked Questions about stage4-flowchart-generation

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

FAQPage Schema
How do I automatically generate Mermaid flowcharts from SOP documents?

To generate Mermaid flowcharts from SOP documents, provide the path to your Stage 3 SOP directory. The skill automatically parses the input and applies a standardized Mermaid-based template to visualize customer support workflows.

Can I convert Mermaid diagrams to SVG files for sharing?

Yes, you can convert Mermaid diagrams to SVG files. The skill outputs both Markdown flowchart documents and optional SVG files, allowing you to easily share visualized workflow diagrams across different platforms.

Does the Mermaid flowchart generation support Korean and Japanese text?

Yes, Mermaid flowchart generation supports Korean and Japanese text. The skill features language auto-detection from user input, ensuring language-aware rendering for both TS and HT SOP types.

How do I add color coding to automated Mermaid flowcharts?

You can add color coding to automated Mermaid flowcharts using classDef. The skill automatically applies color coding via classDef to differentiate elements within the generated customer support process diagrams.

What is the best way to visualize customer support workflows from existing SOPs?

The best way to visualize customer support workflows from existing SOPs is using an automated generation tool. This skill processes Stage 3 SOPs and outputs standardized Mermaid flowcharts with versioning to maintain document consistency.

Do I need specific SOP templates to generate Mermaid flowcharts?

Yes, you need Stage 3 SOPs to generate Mermaid flowcharts. The skill processes TS and HT type SOPs using templates with versioning to ensure standardized Mermaid-based flowchart outputs.