figma-generate-diagram

What problem does it solve?

This Skill provides clear guidance and tools to generate precise diagrams tailored to various types such as flowcharts, ER diagrams, and architecture layouts, reducing errors and increasing visual clarity.

Core Features & Use Cases

• Diagram Type Routing: Routes user input to the appropriate diagram type (flowchart, ER diagram, architecture, etc.) based on the described content.
• Universal Constraints Enforcement: Applies common Mermaid rules across all diagram types to ensure valid syntax and readability.
• Hybrid Workflow Support: Complements Mermaid-generated diagrams with Figma extensions for annotations, styling, and detailed customization that Mermaid can't support directly.
• Quick Start: Load the described service guide and verify diagram type, then create diagrams in Mermaid, utilizing use_figma for advanced styling or annotations.

Quick Start

Load this skill, identify the diagram type needed, draft Mermaid syntax following the guides, and call generate_diagram with the appropriate syntax and options.