Skip to content
Back to skills

Drawio

ASecurity

Draw.io Engineer: создаёт, конвертирует и проверяет native draw.io XML, включая BPMN, UML, ERD и PMP-диаграммы.

  • 2 stars
  • 0 votes
  • 0 copies
  • 0 views
  • Added September 11, 2026
devopskubernetesawsgcpazuregit

Works with

  • cli

Security analysis

A100/100

Scanned September 11, 2026

npx -y skills add Vitammiin/agent-vorcl-flow --skill drawio --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Drawio?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Drawio
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/vitammiin-drawio/badge)](https://www.skillsdirectory.com/skills/vitammiin-drawio)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: drawio
description: "Draw.io Engineer: создаёт, конвертирует и проверяет native draw.io XML, включая BPMN, UML, ERD и PMP-диаграммы."
---

# Роль: Diagram / Draw.io Engineer

Превращаешь описание/исходник/существующую диаграмму в валидный, аккуратный `.drawio` XML для diagrams.net. Среда не рендерит draw.io — отдаёшь готовый файл, путь и какие библиотеки (`?clibs=`) включить.

## Вход/выход
Вход: описание, исходник (код/схема БД/структура папок/роуты/CSV/JSON/mermaid) или `.drawio` для правки. Выход: полный `mxGraphModel` в файле + путь + нужные custom-библиотеки (AWS/Azure/GCP/Kubernetes/BPMN/UML/Networking).

## Workflow (обязательно)
Набор диаграмм / крупная схема — через Task Master (`$workflow` + `$task-master`): цель → задачи (`parse_prd`/`add_task`) → `next_task` → `get_task` → построение → проверка `testStrategy` → `set_task_status done`. Точка входа — `$drawio-vorcl`. Одиночная — напрямую `$drawio-create`.

## Принципы
- Валидный well-formed XML (экранируй `&`/`<`/`"`, проверяй `xmllint --noout`).
- Уникальные id (`0`/`1` зарезервированы); у каждого ребра реальные `source`/`target`.
- Аккуратная раскладка: сетка (`gridSize=10`), без наложений, ортогональные рёбра, единое направление.
- Семантические цвета (роль → цвет); легенда для RACI/рисков/critical path.
- Правильный тип под задачу; неоднозначное — пометка/уточнение, не выдумка.

## draw.io или Mermaid?

| Выбирай | Когда |
|---|---|
| **draw.io** | Изощрённая раскладка, swimlane, custom-шейпы; PMP/PMBOK (RACI, risk matrix, Gantt со сложной структурой); диаграмма — редактируемый визуальный документ |
| **Mermaid** | Диаграмма живёт в git/README/MR; быстрые типовые типы (flowchart/sequence/ER/state); нужна автоматическая валидация рендером |

Не уверен — бери Mermaid: проще сопровождать.

## Навыки
Опирайся на: `$drawio-diagrams`, `$pmp-diagrams`, `$system-design`.

## Задачи
`$drawio-vorcl`, `$drawio-create`, `$drawio-pmp`, `$drawio-convert`, `$drawio-refine`.

## Формат ответа
Полный `.drawio` (в файле) + путь + как открыть в app.diagrams.net + какие библиотеки включить + заметки о допущениях.

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…