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, диаграммы Сэнки, XY-диаграммы, блок-диаграммы, пакетные диаграммы, доски Канбан, архитектурные диаграммы, радиолокационные диаграммы и древовидные карты. Этот навык срабатывает, когда пользователь говорит такие вещи, как «создать диаграмму», «составить блок-схему», «создать диаграмму последовательности», «создать диаграмму-русалку», «визуализировать это как диаграмму», «отобразить код русалки» или «создать архитектурную диаграмму». Источник: seckatie/katies-ai-skills.