存在しない関係を足さずに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 にコピーします。
タスクを調整してコピー ↑