В этой статье
Для блок-схемы процесса нужны действия, вопросы и понятные переходы между ними. ChatGPT поможет превратить это описание в код Mermaid. Саму картинку вы откроете в Mermaid Live Editor: там можно проверить развилки и сохранить изображение.
Начните с правил процесса, затем составьте запрос, проверьте три возможных пути и перенесите код в редактор. Разберём эту последовательность на примере клуба настольных игр.
Сначала опишите процесс словами
Клуб выдаёт настольные игры участникам. Вот исходные правила:
- Участник запрашивает настольную игру.
- Если игра недоступна, ему предлагают выбрать другую и заканчивают текущую попытку.
- Если игра доступна, проверяют, вернул ли участник предыдущую.
- Если предыдущая игра не возвращена, сначала нужно вернуть её. На этом текущая попытка заканчивается.
- Если предыдущая игра возвращена, выдачу записывают и передают игру участнику.
Будущая схема держится на двух вопросах: «Игра доступна?» и «Вернул прошлую игру?». У каждого — два ответа, «Да» и «Нет». Конечных действий три: выбрать другую игру, вернуть прошлую или получить новую. Стрелок обратно к началу здесь нет: новая попытка в правилах не описана. Оплата, залог и сроки тоже не заданы.
Для первого короткого текстового запроса можно использовать ChatGPT Free с учётом условий доступа и лимитов: отдельная платная подписка не обязательна. Подробнее — в FAQ о бесплатном тарифе ChatGPT. Если для регулярной работы со схемами и другими материалами вы выбираете Plus, в Amber Market можно оформить месячную подписку ChatGPT Plus на своём аккаунте через менеджера. Amber Market — сервис оплаты зарубежных сервисов; заказ можно оплатить через СБП. Актуальные условия и итоговую стоимость проверьте до оплаты.
Дайте ChatGPT полный запрос
Чем точнее описаны развилки, тем легче заметить лишний шаг в ответе. Передавайте правила целиком и уточняйте конкретное место, если ответ от них отклонился. Такой подход соответствует рекомендациям OpenAI по работе с промптами.
Скопируйте в чат:
Создай код одной блок-схемы процесса выдачи настольной игры участнику клуба в Mermaid Flowchart.
Правила процесса:
- Сначала запросить настольную игру.
- Проверить, доступна ли игра.
- Если игра недоступна, предложить выбрать другую игру и завершить текущую попытку.
- Если игра доступна, проверить, вернул ли участник предыдущую игру.
- Если предыдущая игра не возвращена, предложить сначала вернуть её и завершить текущую попытку.
- Если предыдущая игра возвращена, записать выдачу и передать игру.
Используй направление сверху вниз. Все подписи узлов сделай на русском языке и заключи в двойные кавычки. У каждого вопроса должно быть ровно две исходящие связи: одна с подписью «Да», другая — «Нет». Три конечных действия оставь без исходящих стрелок. Не добавляй оплату, залог, сроки, автоматический цикл и другие правила, которых нет в описании. Покажи сначала краткую последовательность действий, затем полный код Mermaid.
Если ChatGPT добавил, например, срок возврата, попросите убрать этот шаг: его нет в исходном описании. Получившийся ответ нужно сверить с правилами.
Готовый код для этого процесса
flowchart TD
A["Запросить настольную игру"] --> B{"Игра доступна?"}
B -->|Нет| C["Выбрать другую игру"]
B -->|Да| D{"Вернул прошлую игру?"}
D -->|Нет| E["Сначала вернуть прошлую игру"]
D -->|Да| F["Записать выдачу и передать игру"]
В этой схеме прямоугольник — действие, ромб — вопрос, а стрелка показывает, куда двигаться дальше. Подписи «Да» и «Нет» относятся к стрелкам, выходящим из ромба: по ним читатель выбирает путь.
Направление TD ведёт взгляд сверху вниз, от запроса игры к результату. Русские подписи в коде заключены в двойные кавычки. Формы узлов и запись связей описаны в документации Mermaid.
Пройдите три пути по стрелкам
Проверяйте схему как участник клуба: начните с запроса игры и каждый раз дойдите до последнего действия.
- Игра недоступна. На вопрос «Игра доступна?» ответ — «Нет». Стрелка ведёт к «Выбрать другую игру», и текущая попытка заканчивается. Проверять возврат прошлой игры на этом пути не нужно.
- Игра доступна, прошлая не возвращена. В первом ромбе выбираем «Да», во втором — «Нет». Последнее действие: «Сначала вернуть прошлую игру».
- Игра доступна, прошлая возвращена. В обоих ромбах выбираем «Да». Путь заканчивается действием «Записать выдачу и передать игру».
Теперь посмотрите на схему целиком. Из каждого ромба должны выходить ровно две стрелки с подписями «Да» и «Нет». У трёх конечных действий исходящих стрелок нет. До каждого узла можно дойти от начала по одному из этих путей.
Если ChatGPT перепутал стрелки у вопроса о возврате, отправьте ему код и уточнение:
Поменяй только две связи у условия D «Вернул прошлую игру?»: «Нет» должно вести к E «Сначала вернуть прошлую игру», а «Да» — к F «Записать выдачу и передать игру». Остальные узлы и связи оставь без изменений. Верни полный исправленный код.
После правки снова пройдите все три сценария.
Откройте схему в Mermaid Live Editor и сохраните изображение
Откройте Mermaid Live Editor. Дальше:
- В панели Code удалите пример и вставьте код, начиная со строки flowchart TD. Копируйте только содержимое блока, без строк с тройными обратными кавычками.
- В панели Preview рассмотрите схему. Проверьте, читаются ли подписи, и ещё раз проследите три пути: от каждого вопроса должны отходить ветки «Да» и «Нет», а конечные действия должны обрывать путь.
- В Actions выберите экспорт в SVG или PNG. Возможности редактора и экспорта описаны в руководстве Mermaid Live Editor.
- Отдельно сохраните текст кода — он понадобится, чтобы позже изменить подпись или связь и заново получить картинку.
SVG сохраняет чёткие линии при изменении размера; PNG удобно вставлять в документ как обычное изображение. Если рядом со схемой будет текстовое описание процесса, приведите названия действий к одному виду — например, везде используйте глаголы «запросить», «выбрать», «вернуть». В этом поможет разбор оформления текста с ChatGPT.
Если вместо схемы редактор показывает ошибку синтаксиса, отправьте ChatGPT точный текст ошибки и весь код. Попросите минимальную правку без изменения правил процесса, затем снова проверьте Preview и три сценария. Сохраняйте изображение, когда и подписи, и переходы соответствуют вашему описанию.