📊 diagram-design - плагін, який малює схеми, не схожі на дефолтний Mermaid

29 типів діаграм для Claude Code, Codex і Pi - від архітектури й sequence до Gantt і воронок. На виході самодостатній HTML+SVG, що відкривається офлайн: без збірки, без JS, без залежностей.

→ онбординг на твій сайт: витягує палітру й шрифти, розкладає по ролях, перевіряє контраст за WCAG AA
→ імпорт draw.io і Mermaid з переліком, що злилось чи випало при перемальовуванні
→ правила проти AI-вигляду: координати кратні 4, максимум два акценти, жодних тіней

16 тисяч зірок за чотири місяці, MIT, автор - Cathryn Lavery із BestSelf.co.

Цінне тут не самі шаблони, а що смак винесено в жорсткі правила. Мінус звичний: 29 типів - це 29 способів отримати не ту схему, перші рази доведеться уточнювати запит.

#ai #claudecode #дизайн

https://github.com/cathrynlavery/diagram-design

📎 Читайте також:
→ Claude рендерить діаграми просто в чаті
→ AutoDiagram - схема з опису словами
→ RAWGraphs - візуалізація складних даних