{"enrichment":{"faq":[{"a":"Mermaid Diagrams lets you build version-controllable software diagrams directly from text definitions. Write simple syntax in a code block or editor, and Mermaid renders it as a visual diagram. You define structure using keywords and relationships\u2014no GUI needed. This approach keeps diagrams in version control alongside your code, making them easy to update and track.","q":"How do I create mermaid diagrams from text syntax?"},{"a":"Mermaid Diagrams covers class diagrams for domain modeling, sequence diagrams for API flows, flowcharts for processes, entity relationship diagrams for database schemas, C4 architecture diagrams, state diagrams, Gantt charts for timelines, pie charts, git graphs for branching, and more. Each type uses straightforward text syntax tailored to its purpose.","q":"What diagram types does Mermaid Diagrams support?"},{"a":"Yes. Mermaid Diagrams excels at visualizing system architecture through C4 diagrams, sequence diagrams showing component interactions, and flowcharts modeling application flows. You can document how services communicate, define boundaries, and illustrate user journeys\u2014all from maintainable text that stays in your repository.","q":"Can Mermaid Diagrams visualize system architecture and component interactions?"},{"a":"Mermaid Diagrams provides entity relationship diagram (ERD) syntax for database schemas. Define entities, their attributes, and relationships using simple text notation. The syntax lets you specify cardinality, primary keys, and foreign keys, making it easy to document database design alongside your code.","q":"How do I draw a database schema diagram with Mermaid?"},{"a":"Mermaid Diagrams is released under the MIT license, allowing free use, modification, and distribution in both open-source and commercial projects with minimal restrictions.","q":"What license does Mermaid Diagrams use?"},{"a":"Mermaid Diagrams includes guidance on diagram types and when to use each one. Flowcharts suit decision logic and processes; sequence diagrams show interactions over time; class diagrams model domain structure; ERDs document databases; C4 diagrams scale architecture visualization; state diagrams capture state machines. Start with the type matching your communication goal.","q":"How do I learn which diagram type to use for my needs?"}],"shadow_tags":["text-based-diagramming","architecture-visualization","database-schema-design","workflow-mapping","code-documentation","system-modeling","process-flowcharts","version-control-friendly"],"summary_rewrite":"Build version-controllable software diagrams directly from text definitions. Mermaid Diagrams covers class diagrams for domain modeling, sequence diagrams for API flows, flowcharts for processes, entity relationship diagrams for database schemas, C4 architecture diagrams, and more\u2014all rendered from simple, maintainable syntax."},"files":[{"bytes":5415,"path":"plugins/general/skills/mermaid-diagrams/SKILL.md","sha256":"e8619c7134bd426aa1bcd77378fb42b508d242d47a45fa05d8636a91e7bc52ad","url":"https://skillfed.io/files/el-feo/ai-context/mermaid-diagrams/803b61eb/SKILL.md"}],"id":"el-feo/ai-context/mermaid-diagrams","links":{"html":"https://skillfed.io/el-feo/ai-context/mermaid-diagrams","md":"https://skillfed.io/el-feo/ai-context/mermaid-diagrams.md","repo":"https://github.com/el-feo/ai-context"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":2,"language":"Ruby","last_updated":"2026-07-22","license":"MIT","name":"mermaid-diagrams","publisher":"el-feo","stars":12},"relations":{"similar":[{"id":"shep-ai/shep/mermaid-diagrams"},{"id":"softaworks/agent-toolkit/mermaid-diagrams"},{"id":"jjmartres/opencode/mermaid-diagrams"},{"id":"pedronauck/skills/mermaid-diagrams"},{"id":"ccheney/robust-skills/mermaid-diagrams"},{"id":"oakoss/agent-skills/mermaid-diagrams"},{"id":"veelenga/claude-mermaid/mermaid-diagrams"},{"id":"nicepkg/ai-workflow/mermaid-diagrams"},{"id":"hoodini/ai-agents-skills/mermaid-diagrams"},{"id":"tractorjuice/arc-kit/plantuml-syntax"}]},"slug":{"owner":"el-feo","repo":"ai-context","skill":"mermaid-diagrams"},"version":"803b61eb"}