Процессы и потоки
Блок-схема онлайн
«Блок-схема» показывает логику решений: откуда начинается процесс, где он ветвится и к чему приводит. В Dele тип шага задаёт фигура, а не цвет, и схема раскладывается сверху вниз автоматически.
Когда использовать
- Логика маршрутизации пользователя при онбординге
- Триаж обращений в поддержку
- Алгоритм принятия решения с несколькими условиями
- Правила обработки ошибок и повторных попыток
Как с ней работать в Dele
- Выбирайте фигуру по смыслу: овал — начало и конец (terminal), прямоугольник — шаг (step), ромб — решение (decision), точка — слияние веток (merge).
- У ромба не больше трёх выходов, и каждый подписан: «Да», «Нет» или конкретное условие.
- Длинный вопрос в ромбе переносите на две строки через «\n» — подписи остаются короткими.
- Акцент — либо на счастливом пути (связи со стилем accent), либо на одном значимом итоге (focal). Не подсвечивайте каждое решение.
- Поток идёт сверху вниз (direction TB). Если веток стало слишком много, вынесите подпроцесс в отдельную блок-схему.
Три способа собрать диаграмму
Словами. Откройте ИИ-ассистента в редакторе или подключите своего агента по MCP и опишите задачу, например:
«Сделай блок-схему обработки заявки на возврат: проверка срока покупки, проверка состояния товара, возврат денег или отказ. Выдели путь успешного возврата.»
В редакторе. Создайте диаграмму из шаблона «Блок-схема», меняйте элементы на холсте и в панели справа — раскладка пересчитывается сама.
Кодом. Диаграмма — это JSON-спецификация. Её можно править в панели «Спецификация», генерировать скриптом и хранить в git.
Спецификация примера (JSON)
{
"type": "flowchart",
"title": "Стоит ли оформлять это как скилл?",
"description": "Блок-схема: когда новый процесс оставить ручным, когда записать в заметку проекта, а когда оформить как переиспользуемый скилл.",
"direction": "TB",
"nodes": [
{
"id": "start",
"label": "Новый процесс",
"shape": "terminal"
},
{
"id": "manual",
"label": "Сделать вручную",
"shape": "step"
},
{
"id": "repeat",
"label": "Повторится\nбольше 3 раз?",
"shape": "decision"
},
{
"id": "oneoff",
"label": "Разовая задача",
"sublabel": "оставить вручную",
"shape": "terminal"
},
{
"id": "reuse",
"label": "Нужно в других\nпроектах?",
"shape": "decision"
},
{
"id": "note",
"label": "Заметка проекта",
"sublabel": "в рамках проекта",
"shape": "terminal"
},
{
"id": "skill",
"label": "Написать скилл",
"sublabel": "переиспользуемый",
"shape": "terminal",
"focal": true
}
],
"edges": [
{
"from": "start",
"to": "manual"
},
{
"from": "manual",
"to": "repeat"
},
{
"from": "repeat",
"to": "oneoff",
"label": "Нет"
},
{
"from": "repeat",
"to": "reuse",
"label": "Да"
},
{
"from": "reuse",
"to": "note",
"label": "Нет"
},
{
"from": "reuse",
"to": "skill",
"label": "Да",
"style": "accent"
}
]
}Когда выбрать другой формат
Вопросы о формате
Какие фигуры есть в блок-схеме Dele?
Овал для начала и конца, прямоугольник для шага, ромб для решения и точка для слияния веток. Цвет не кодирует тип — только фигура.
Можно ли нарисовать блок-схему без ручного выравнивания?
Да. Достаточно описать шаги и условия словами ассистенту или через MCP-клиент — раскладка сверху вниз строится автоматически.
Чем блок-схема отличается от диаграммы дорожек?
Блок-схема показывает логику одного исполнителя. Если важно, кто выполняет шаг и где работа переходит между командами, нужны дорожки.