# Vault Mermaid

> Обязательная init-строка с `useMaxWidth` в начале каждого mermaid-блока заметки и правила её размещения. Используй, когда создаёшь или правишь mermaid-схему в заметке.

- Skill: `jtprogru/vault-mermaid-2` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add jtprogru/vault-mermaid-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jtprogru/vault-mermaid-2/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: jtprogru (https://skillmd.com/u/jtprogru)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/jtprogru/vault-mermaid-2

---


# Mermaid-схемы

## Обязательная init-строка

Каждая mermaid-схема в заметках должна начинаться со строки настройки `useMaxWidth: true` — это включает адаптивную ширину рендера в Obsidian (схема растягивается по ширине заметки и не обрезается).

Первая строка внутри блока `mermaid` всегда:

```
%%{init: {"flowchart": {"useMaxWidth": true}}}%%
```

### Пример

````markdown
```mermaid
%%{init: {"flowchart": {"useMaxWidth": true}}}%%
flowchart LR
    A[Старт] --> B[Действие]
    B --> C[Результат]
```
````

## Правила

- Init-строка идёт **первой** строкой внутри блока, до объявления типа диаграммы (`flowchart`, `sequenceDiagram` и т.п.)
- Не оборачивай init в комментарии — это специальный синтаксис mermaid, а не комментарий
- Применяется ко всем типам диаграмм
- При рефакторинге/правке существующих mermaid-блоков без init-строки — добавляй её

## Где применяется

Все скиллы и рабочие процессы, которые создают или редактируют mermaid-схемы в заметках:

- `obsidian-ingest` — при визуализации концептов
- `obsidian-split-note` — при сохранении/переносе схем
- Ручные правки заметок через ассистента