diagram-maker

Solid

Генерация диаграмм из текстового описания: flowchart, sequence, architecture, ER-схемы, bar, line, pie, scatter в синтаксисе Mermaid или HTML (Chart.js). Вход — natural language описание, выход — готовый код Mermaid + рекомендация по рендерингу (mermaid.live / mermaid-cli / MCP) или интерактивный HTML-график. Триггеры: 'диаграмма', 'diagram', 'mermaid', 'flowchart', 'блок-схема', 'sequence diagram', 'архитектура', 'ER-схема', 'нарисуй схему', 'draw a diagram', 'схема', 'architecture diagram', 'bar chart', 'line chart', 'pie chart', 'scatter plot'.

AI & Automation 5 stars 0 forks Updated today MIT

Install

View on GitHub

Quality Score: 83/100

Stars 20%
26
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Diagram Maker — генерация диаграмм из текстового описания Загружай этот скилл когда нужно превратить словесное описание в диаграмму: блок-схему процесса, sequence-диаграмму взаимодействия, схему архитектуры сервисов или ER-схему базы данных. Выход всегда в синтаксисе Mermaid. ## When to use - Нужна блок-схема (flowchart) бизнес-процесса или алгоритма - Нужна sequence-диаграмма взаимодействия компонентов/пользователей - Нужна схема архитектуры сервисов и их связей - Нужна ER-схема (сущности и связи) для базы данных - Нужен bar/line/pie/scatter chart для визуализации данных - Нужно быстро визуализировать описание, чтобы показать команде - Нужен код Mermaid или интерактивный HTML-график ## Do NOT use to - Не используй для генерации изображений/картинок (это test-graphics) - Не используй для презентаций (это presentation-maker) - Не используй для рисования от руки или векторной графики (SVG/Canvas) - Не используй для сложных данных с множеством серий — это `data-analysis` - Не используй для интерактивных дашбордов с фильтрами — это `data-analysis` ## What this skill does **Вход:** natural language описание (текст на stdin, файл или прямо в чате). **Выход:** 1. Код Mermaid нужного типа (flowchart / sequence / architecture / er) 2. Или интерактивный HTML-график (bar / line / pie / scatter) через Chart.js 3. Рекомендация, как отрендерить результат: - [mermaid.live](https://mermaid.live) — быстрый онлайн-рендер - `mmdc` (mermaid-cli) — локальный рендер в PNG/SVG/PDF ...

Details

Author
bestdeejay-design
Repository
bestdeejay-design/agent-skills
Created
1 months ago
Last Updated
today
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

mermaid-diagram-builder

Creates clear, valid, version-controllable diagrams as code using Mermaid — flowcharts, sequence diagrams, ER diagrams, class diagrams, state machines, Gantt charts, C4/architecture diagrams, and more. Use this skill when the user asks to "draw a diagram", "make a flowchart", "create a sequence diagram", "diagram this architecture", "visualize this process/data model/API flow", "show the ER diagram", "render Mermaid", "diagram as code", or wants a chart embeddable in Markdown, GitHub, Notion, or docs. Covers picking the right diagram type, writing syntactically correct Mermaid, styling, and validating that it renders.

5 Updated 1 months ago
JayRHa
AI & Automation Listed

mermaid-diagram

Generate a Mermaid diagram from a description, codebase, or schema. Output a Mermaid code block for supported Markdown renderers. Use for flowcharts, ERDs, sequence diagrams, C4 context, class diagrams, gantt, pie charts, mindmaps, git graphs, and quadrant charts. Triggers: 'buat diagram', 'create diagram', 'flowchart', 'ERD', 'sequence diagram', 'mermaid', 'diagram alur', 'flow diagram', 'visualisasi', 'visualization', 'database diagram', 'class diagram', 'pie chart', 'mindmap', 'git graph', 'quadrant chart', 'C4'.

0 Updated today
ongkipro
AI & Automation Featured

mermaid-diagram

Use this skill when you need to draw diagrams including: Flowchart, Sequence Diagram, Class Diagram, State Diagram, ER Diagram, User Journey, Gantt Chart, Pie Chart, Quadrant Chart, Requirement Diagram, Gitgraph, Mindmap, Timeline, Sankey, XY Chart (Bar/Line), Block Diagram, Packet Diagram, Kanban, Architecture Diagram, C4 Diagram, Radar Chart, Treemap, and ZenUML. You MUST use this skill BEFORE outputting any mermaid code block.

848 Updated today
wecode-ai