Como criar um diagrama Mermaid fiel ao processo.
Um diagrama Mermaid deve expressar relações claramente e usar sintaxe compatível com o renderizador de destino. Valide-o nesse renderizador e mantenha os rótulos fiéis ao processo fornecido.
Adapte o fluxo à sua tarefa.
Liste etapas do processo, decisões e relações antes de escolher o tipo de diagrama. Use rótulos concisos e sintaxe compatível com a versão do Mermaid no destino. Renderize o resultado e verifique tanto a interpretação do código quanto se as setas expressam a lógica pretendida.
- O que você fornece
- Descrição de processo, relações ou sistema.
- O que você recebe
- Código Mermaid correspondente à estrutura descrita.
Veja a entrada e o resultado.
Entrada e saída ilustrativas · exemplo didático, não uma execução real do WebAct
Exemplo campo
Process: receive a request, review it, then either approve or ask for revision.
Exemplo completo
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.Carregue esta entrada no prompt e copie para o WebAct para testar a tarefa. Seu resultado pode ser diferente da ilustração.
Decisões e solução de problemas.
Deve-se adicionar uma seta só para o diagrama parecer conectado?
Somente quando a relação existir no processo fornecido. Relações ausentes devem continuar como perguntas, não virar fluxos inventados.
Por que um código Mermaid aparentemente válido falha no editor de destino?
As versões do renderizador ou os recursos disponíveis podem diferir. Teste nesse ambiente e simplifique a sintaxe incompatível.
Referência para este fluxo de trabalho.
Teste com sua própria fonte.
Substitua o exemplo pelo seu material no prompt. Mantenha os requisitos necessários e copie a tarefa para o WebAct.
Personalizar e copiar a tarefa ↑