Mermaid is a JavaScript-based diagramming tool that renders Markdown-inspired text definitions into SVG diagrams. It supports flowcharts, sequence diagrams, ER diagrams, class diagrams, state diagrams, Gantt charts, pie charts, mindmaps, and git graphs directly inside Markdown files.
When to use: Documenting system architecture, visualizing data models, illustrating request flows, creating project timelines, embedding diagrams in GitHub/GitLab READMEs or docs sites.
When NOT to use: Pixel-perfect design mockups, interactive dashboards, diagrams requiring custom artwork or complex spatial layouts beyond hierarchical/relational structures.
بناء جملة مخطط حورية البحر للمخططات الانسيابية، والرسوم البيانية التسلسلية، وERDs، والرسوم البيانية للفئة، والمزيد. يُستخدم عند إنشاء الرسوم التخطيطية في عملية تخفيض السعر، أو إنشاء مرئيات معمارية، أو توثيق تدفقات النظام. يستخدم لحورية البحر، والرسم التخطيطي، والمخطط الانسيابي، والتسلسل، وERD، ومخطط الفصل، وجانت، والمخطط الدائري، والخريطة الذهنية. المصدر: oakoss/agent-skills.