Как рисовать Mermaid без вымышленных связей.
Ясно передавайте отношения синтаксисом, поддерживаемым целевым средством. Проверьте отображение там и сохраняйте подписи верными процессу.
Адаптируйте процесс под свою задачу.
Перечислите шаги, решения и связи до выбора типа схемы. Используйте краткие подписи и синтаксис для версии Mermaid назначения. Отрисуйте и проверьте синтаксис и логику стрелок.
- Что вы предоставляете
- Описание процесса, связей или системы.
- Что вы получите
- Код Mermaid по заданной структуре.
Посмотрите входные данные и результат.
Иллюстративные входные и выходные данные · учебный пример, а не реальный запуск WebAct
Полей ввода: Пример
Process: receive a request, review it, then either approve or ask for revision.
Готовый пример
flowchart TD
A[Receive request] --> B{Meets requirements?}
B -- Yes --> C[Approve]
B -- No --> D[Request revision]
Validate this syntax in the target Mermaid renderer before sharing.Добавьте эти данные в промпт и скопируйте его в WebAct, чтобы попробовать задачу. Ваш результат может отличаться от примера.
Решения и устранение проблем.
Нужно ли добавлять стрелку лишь для визуальной связности?
Только если связь есть в описанном процессе. Недостающая связь — вопрос, а не выдуманный поток.
Почему выглядящий правильным Mermaid не работает в редакторе?
Версии и поддерживаемые функции отличаются. Проверяйте там и упрощайте неподдерживаемый синтаксис.
Источник для этого сценария.
Попробуйте на собственном источнике.
Замените пример своим материалом в промпте. Сохраните нужные требования и скопируйте задачу в WebAct.
Настроить и скопировать задачу ↑