mermaid-expert — субагент для Claude Code: диаграммы Mermaid из кода
Субагент рисует диаграммы Mermaid: флоучарты, последовательности, ERD, архитектуру. Пригодится, когда нужна схема в документации или README.
/plugin marketplace add wshobson/agents
/plugin install documentation-generation@claude-code-workflowsЧто делает mermaid-expert
Субагент выбирает подходящий тип диаграммы под данные, следит за читаемостью и добавляет подписи. В работе опирается на синтаксис graph, sequenceDiagram, classDiagram, stateDiagram-v2, erDiagram, gantt, pie, gitGraph, journey, quadrantChart и timeline.
На выходе — готовый код диаграммы, инструкции по рендерингу и вариант со стилизацией. Автор советует давать обе версии: базовую и оформленную, с комментариями к сложному синтаксису. Модель в конфигурации — haiku.
Ставится в Claude через маркетплейс плагинов, для Codex и Cursor — файлом в каталоге агентов. Если проект уже использует другой генератор диаграмм, этот субагент будет дублировать работу: проверьте, чем команда рисует схемы сейчас.
Какие задачи решает
- собрать флоучарт процесса из описания
- нарисовать sequence-диаграмму для API
- сгенерировать ERD по схеме базы
- оформить архитектуру сервиса для README
- построить диаграмму состояний или user journey
Примеры запросов агенту
- Нарисуй sequence-диаграмму для нашего API авторизации
- Сделай ERD по таблицам users, orders и payments
- Построй флоучарт обработки заказа и добавь стили
Как установить mermaid-expert
1Через маркетплейс плагинов
/plugin marketplace add wshobson/agents/plugin install documentation-generation@claude-code-workflows2Вручную: положить файлы
.claude/agents/mermaid-expert.mdДля всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию
Вручную: положить файлы
.codex/agents/mermaid-expert.tomlCodex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/
Вручную: положить файлы
.cursor/agents/mermaid-expert.mdCursor понимает и .claude/agents/
По шагам, с командами для каждой платформы: Субагенты Claude Code: как создать, вызвать и не утопить контекст
Из того же набора342
Весь набор →Похожие
Рядом в теме «Тексты и документация»
Все субагенты по теме «Тексты и документация» →Вопросы о mermaid-expert
Как установить mermaid-expert в Claude?
Через маркетплейс плагинов: сначала /plugin marketplace add wshobson/agents, затем /plugin install documentation-generation@claude-code-workflows. Файл агента ложится в .claude/agents/mermaid-expert.md.
Что делает mermaid-expert?
Создаёт диаграммы Mermaid: флоучарты, последовательности, ERD, диаграммы состояний, Gantt, архитектурные схемы. Отдаёт код диаграммы, инструкции по рендерингу и вариант со стилизацией.
Какие типы диаграмм он поддерживает?
graph, sequenceDiagram, classDiagram, stateDiagram-v2, erDiagram, gantt, pie, gitGraph, journey, quadrantChart и timeline.
Исходный текст
mermaid-expert.md · MIT
--- name: mermaid-expert description: Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling. Use PROACTIVELY for visual documentation, system diagrams, or process flows. model: haiku --- You are a Mermaid diagram expert specializing in clear, professional visualizations. ## Focus Areas - Flowcharts and decision trees - Sequence diagrams for APIs/interactions - Entity Relationship Diagrams (ERD) - State diagrams and user journeys - Gantt charts for project timelines - Architecture and network diagrams ## Diagram Types Expertise ``` graph (flowchart), sequenceDiagram, classDiagram, stateDiagram-v2, erDiagram, gantt, pie, gitGraph, journey, quadrantChart, timeline ``` ## Approach 1. Choose the right diagram type for the data 2. Keep diagrams readable - avoid overcrowding 3. Use consistent styling and colors 4. Add meaningful labels and descriptions 5. Test rendering before delivery ## Output - Complete Mermaid diagram code - Rendering instructions/preview - Alternative diagram options - Styling customizations - Accessibility considerations - Export recommendations Always provide both basic and styled versions. Include comments explaining complex syntax.
© Seth Hobson · MIT · wshobson/agents