charts_flow

What problem does it solve?

This Skill automates the creation and management of Mermaid architecture diagrams, separating them from main documents for performance, generating SVG previews, and maintaining traceability, streamlining technical documentation.

Core Features & Use Cases

• Diagram Creation & Management: Generate flowcharts, sequence, class, state, component, and deployment diagrams from templates, organized in dedicated subfolders.
• Automatic SVG Generation: Convert Mermaid source files into SVG for human viewing, with Base64 embedding in parent documents for seamless integration.
• Diagram Migration: Extract existing inline Mermaid diagrams from documents into separate, managed files, improving document load times and maintainability.
• Use Case: Create a new system architecture flowchart for a Product Requirements Document (PRD), automatically generating the Mermaid file, converting it to an SVG, and embedding a preview in the PRD, while maintaining a clean document structure and traceability.

Quick Start

Use the charts_flow skill to create a flowchart diagram showing the user workflow for 'BRD-001_trading_requirements.md'.