·mermaid-diagrams
</>

mermaid-diagrams

Синтаксис диаграммы-русалки для блок-схем, диаграмм последовательности, ERD, диаграмм классов и многого другого. Используйте при создании диаграмм в уценке, создании визуальных элементов архитектуры или документировании системных потоков. Используйте для русалки, диаграммы, блок-схемы, последовательности, ERD, диаграммы классов, Ганта, круговой диаграммы, карты разума.

16Установки·2Тренд·@oakoss

Установка

$npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams

Как установить mermaid-diagrams

Быстро установите AI-навык mermaid-diagrams в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: oakoss/agent-skills.

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.

Синтаксис диаграммы-русалки для блок-схем, диаграмм последовательности, ERD, диаграмм классов и многого другого. Используйте при создании диаграмм в уценке, создании визуальных элементов архитектуры или документировании системных потоков. Используйте для русалки, диаграммы, блок-схемы, последовательности, ERD, диаграммы классов, Ганта, круговой диаграммы, карты разума. Источник: oakoss/agent-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams
Источник
oakoss/agent-skills
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-25
Обновлено
2026-03-10

Browse more skills from oakoss/agent-skills

Короткие ответы

Что такое mermaid-diagrams?

Синтаксис диаграммы-русалки для блок-схем, диаграмм последовательности, ERD, диаграмм классов и многого другого. Используйте при создании диаграмм в уценке, создании визуальных элементов архитектуры или документировании системных потоков. Используйте для русалки, диаграммы, блок-схемы, последовательности, ERD, диаграммы классов, Ганта, круговой диаграммы, карты разума. Источник: oakoss/agent-skills.

Как установить mermaid-diagrams?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/oakoss/agent-skills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-25