Workflow Designer
ステータス
Owner: TBD · ステータス: draft · 正式な情報源: flezi.app.frontend.main/src/pages/workflows/WorkflowDesigner.tsx
対象ユーザー
自動化された業務 workflow のソリューションエンジニアおよび設計者。
できること
- 無限 graph canvas（React Flow canvas）上に業務 Node を drag-and-drop できます。
- 前のステップの output と次のステップの input の間に data link を接続できます。
- 各 Node type（Classify、LLM、Tool、Skill、Agent、Human Input など）を設定できます。
- keyboard shortcut、Undo / Redo、diagram の自動整列（Auto-layout）を利用できます。
Canvas の主な Node type
| Node icon | Node name | 用途 |
|---|---|---|
| 🔀 | Classify | intent または content に基づいて条件分岐します |
| 🤖 | LLM | AI model で text を処理、要約、情報抽出します |
| 🔧 | Tool / Skill | 計算 tool または automation script を呼び出し ます |
| 🧑💼 | Agent | 専門 Agent にタスクを委任して解決します |
| 🙋 | Human Input | Workflow を停止し、人に入力または承認を求める form を送信します |
設計手順
- 左側の toolbar から Node を Canvas 領域に drag します。
- Node をクリックして右側の property panel を開き、prompt を入力するか model/tool を選択します。
- この Node の Output port（右側の丸い点）から次の Node の Input port（左側の丸い点）へ connection line を drag します。
- Save Workflow をクリックして設定を保存します。