{"enrichment":{"faq":[{"a":"Mermaid Syntax is a comprehensive reference skill covering all 23 Mermaid diagram types, configuration, theming, and common syntax errors. It provides syntax rules for flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, C4 diagrams, and others. Use this skill to look up syntax patterns, apply them to your own diagrams, and troubleshoot frequent parsing issues and layout optimization.","q":"What is Mermaid Syntax and what diagram types does it cover?"},{"a":"Mermaid Syntax teaches you the language rules and syntax for each of the 23 diagram types. Start by learning the basic structure for your diagram type\u2014flowcharts use nodes and arrows, sequence diagrams use actors and messages, class diagrams use class definitions. Mermaid Syntax includes examples and patterns for each type so you can reference the correct syntax and apply it to your own code without errors.","q":"How do I write mermaid code correctly for different diagram types?"},{"a":"Mermaid Syntax provides examples and patterns for flowcharts alongside syntax rules for all diagram types. You'll find flowchart examples showing node syntax, arrow connections, and common patterns. The skill also covers troubleshooting guidance for frequent parsing issues so you can debug your flowchart code and understand why syntax errors occur.","q":"Where can I find mermaid flowchart tutorial and examples?"},{"a":"Mermaid Syntax covers configuration and theming options to customize your diagrams beyond basic syntax. Learn how to apply themes, adjust layout settings, and configure diagram-specific options. The skill includes layout optimization tips for C4 diagrams and guidance on common configuration mistakes to help you create polished, well-formatted diagrams.","q":"What does Mermaid Syntax include for configuration and theming?"},{"a":"Mermaid Syntax includes troubleshooting guidance for frequent parsing issues and common syntax errors. When your diagram fails to render, use this skill to identify which syntax rule you may have violated, reference the correct pattern, and fix your code. The comprehensive syntax reference helps you understand language rules so you can write correct mermaid code the first time.","q":"How can Mermaid Syntax help me troubleshoot diagram errors?"},{"a":"Mermaid Syntax covers all 23 Mermaid diagram types including flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, and C4 diagrams. Each diagram type has dedicated syntax rules, examples, and patterns. Reference this skill to find the specific syntax for whichever diagram type you're working with.","q":"What mermaid diagram types are covered in this syntax reference?"}],"shadow_tags":["diagram-language","visualization-markup","flowchart-dsl","ascii-alternative","graph-notation"],"summary_rewrite":"Mermaid Syntax is a comprehensive reference skill covering all 23 Mermaid diagram types, configuration, theming, and common syntax errors. Look up syntax rules for flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, C4 diagrams, and others, then apply the patterns to your own diagrams. Includes troubleshooting guidance for frequent parsing issues and layout optimization tips for C4 diagrams."},"gist":{"api_url":"https://skillfed.io/api/skills/tractorjuice/arc-kit/mermaid-syntax.json","as_of":"2026-07-27","description":"Mermaid Syntax provides reference documentation for all 23 Mermaid diagram types, syntax rules. npx skillfed install tractorjuice/arc-kit/mermaid-syntax","install":{"manual":["git clone https://github.com/tractorjuice/arc-kit","cp -r arc-kit ~/.claude/skills/mermaid-syntax"],"primary":"npx skillfed install tractorjuice/arc-kit/mermaid-syntax","version":"ef259e66"},"kind":"skill","mirror_url":"https://skillfed.io/tractorjuice/arc-kit/mermaid-syntax.md","similar":[{"id":"tractorjuice/arc-kit/plantuml-syntax","name":"Plantuml Syntax","publisher":"tractorjuice/arc-kit","url":"https://skillfed.io/tractorjuice/arc-kit/plantuml-syntax"},{"id":"tractorjuice/arc-kit/gcloud-framework","name":"Gcloud Framework","publisher":"tractorjuice/arc-kit","url":"https://skillfed.io/tractorjuice/arc-kit/gcloud-framework"},{"id":"oakoss/agent-skills/mermaid-diagrams","name":"Mermaid Diagrams","publisher":"oakoss/agent-skills","url":"https://skillfed.io/oakoss/agent-skills/mermaid-diagrams"}],"title":"Mermaid Syntax by tractorjuice: Learn mermaid diagram syntax and language rules \u2014 SkillFed","use":{"when":["Mermaid Syntax teaches you the language rules and syntax for each of the 23 diagram types.","Mermaid Syntax provides examples and patterns for flowcharts alongside syntax rules for all diagram types."]},"what":{"lead":"Mermaid Syntax provides reference documentation for all 23 Mermaid diagram types, syntax rules, and configuration options.","rest":"Mermaid Syntax is a comprehensive reference skill covering all 23 Mermaid diagram types, configuration, theming, and common syntax errors. Look up syntax rules for flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, C4 diagrams, and others, then apply the patterns to your own diagrams. Includes troubleshooting guidance for frequent parsing issues and layout optimization tips for C4 diagrams."}},"id":"tractorjuice/arc-kit/mermaid-syntax","install":{"mode":"external","repo":"https://github.com/tractorjuice/arc-kit"},"links":{"html":"https://skillfed.io/tractorjuice/arc-kit/mermaid-syntax","md":"https://skillfed.io/tractorjuice/arc-kit/mermaid-syntax.md","repo":"https://github.com/tractorjuice/arc-kit"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":257,"language":"JavaScript","last_updated":"2026-07-27","license":"NOASSERTION","name":"Mermaid Syntax","publisher":"tractorjuice","stars":2105},"relations":{"similar":[{"id":"tractorjuice/arc-kit/plantuml-syntax"},{"id":"tractorjuice/arc-kit/new-command-docs"},{"id":"tractorjuice/arc-kit/gcloud-framework"},{"id":"tractorjuice/arc-kit/cloud-security"},{"id":"tractorjuice/arc-kit/architecture-workflow"},{"id":"tractorjuice/arc-kit/sfia-skills"},{"id":"oakoss/agent-skills/mermaid-diagrams"},{"id":"tractorjuice/arc-kit/wardley-mapping"},{"id":"tractorjuice/arc-kit/release"},{"id":"tractorjuice/arc-kit/pr-review-community-overlay"}]},"slug":{"owner":"tractorjuice","repo":"arc-kit","skill":"mermaid-syntax"},"version":"ef259e66"}