mermaid

Mermaid is a JavaScript-based diagramming and charting tool that uses text definitions to create diagrams dynamically. This skill includes the complete official documentation from the mermaid repository.

Quick Start: Read mermaid-cli/README.md for installation and usage. Always use mermaid-cli to validate code and generate diagrams. Adjust width/height for readability (default PNGs are often too small).

Diagram Type Syntax For detailed syntax, examples, and best practices for each diagram type, refer to files in the syntax/ folder:

قم بإنشاء مخططات ومخططات انسيابية من تعريفات حورية البحر باستخدام mermaid-cli (mmdc). يدعم السمات وCSS المخصصة وتنسيقات الإخراج المختلفة بما في ذلك SVG وPNG وPDF. يدعم Mermaid أكثر من 20 نوعًا من الرسوم البيانية بما في ذلك المخططات الانسيابية، ومخططات التسلسل، ومخططات الفئات، ومخططات الحالة، ومخططات علاقات الكيانات، ورحلات المستخدم، ومخططات جانت، والمخططات الدائرية، والمخططات الرباعية، ومخططات المتطلبات، وGitGraph، ومخططات C4، والخرائط الذهنية، والجداول الزمنية، وZenUML، ومخططات Sankey، ومخططات XY، والمخططات المجمعة، ومخططات الحزمة، ولوحات Kanban، ومخططات الهندسة المعمارية، ومخططات الرادار، والخرائط الشجرية. يتم تشغيل هذه المهارة عندما يقول المستخدم أشياء مثل "إنشاء رسم تخطيطي" أو "إنشاء مخطط انسيابي" أو "إنشاء مخطط تسلسلي" أو "إنشاء مخطط حورية البحر" أو "تصور هذا كمخطط تخطيطي" أو "عرض رمز حورية البحر" أو "إنشاء مخطط معماري". المصدر: seckatie/katies-ai-skills.