AI Tools ツールの更新 3日前

AI Workflow Builder

Design a multi-step AI workflow visually. Each step has a name, a prompt template with {{variable}} placeholders, a target model, and a temperature. Branch steps into parallel arms, merge them back, reorder them, and export the workflow as versioned JSON or readable Markdown. This is a planner/designer - it does not execute the workflow.

いつでも無料 使いやすい 即座に結果が出る 非公開で安全

使用方法 AI Workflow Builder

AIワークフロービルダー

多段階のAIワークフローを視覚的に設計します。ステップを追加し、ライブカタログからモデルを選択し、分岐や統合を行い、JSONまたはMarkdown形式でエクスポートします。これは設計専用ツールであり、ワークフローを実行することはありません。

フローチャート

ワークフローの視覚的な表現です。ノードをクリックすると、そのエディタに移動します。
ダイアグラムの作成を開始するための手順を追加します。

ワークフローの手順

矢印を使って並べ替えたり、複製したり、削除したりできます。「次のステップ」チップを使って分岐させることができます。
まだステップがありません。「ステップを追加」をクリックするか、テンプレートを選択してください。

ワークフロー全体にわたる変数

検出されたすべての「{{変数}}」プレースホルダー。プレビュー実行用の値を指定してください。
変数が検出されませんでした。プロンプトテンプレート内で「{{name}}」を使用してください。

プレビュー実行

指定された値を用いて、すべてのプロンプトを処理します。デザイナー専用機能です。モデルは呼び出されません。
解決済みのプロンプトはここに表示されます。

JSONをエクスポート

ツールリンク

クリップボードにコピーされました。

このツールの改善にご協力ください

コンテンツを読む

このツールの仕組みと、いつ使用すべきかについて学びましょう。

How to Use This Tool

Build a workflow from step cards, watch the flow diagram redraw as you edit, and export the finished design. Everything runs in your browser; nothing is executed and nothing is sent to a server.

1. Add steps

Click Add step to create a new step. Give it a unique name, write the prompt template, and use {{variable}} placeholders for runtime inputs. Reorder steps with the arrows or drag them, duplicate a step, or remove it with the trash icon. Changes autosave to your browser storage.

2. Pick a model

Open the model picker to search the live models.dev catalog, grouped by provider. Featured chips give one-click access to popular models. Models that do not support temperature disable the slider automatically. If the catalog is unreachable, a small offline list is used instead.

3. Branch and merge

Use the Next steps picker on a step to route it to one or more following steps. Multiple successors create branches; steps with multiple incoming edges are merge points. The flow diagram draws arrows, branch arms, and merges automatically, and flags cycles.

4. Review with a preview run

Fill the Variables across workflow values once, then run the preview. Every step resolves its prompt with your values (including {{stepName.output}} references to earlier steps), and the linter reports unknown variables, unclosed braces, duplicate names, and cycles.

5. Export

Export the workflow as versioned JSON ({ version, exportedAt, title, steps }) and import it back later, or copy it as Markdown for pasting into a team doc. JSON import accepts either a bare array of steps or the wrapped object shape.

Features

  • Branching DAG with merge points, not just a linear chain
  • Live SVG flow diagram that redraws as you edit; click a node to jump to its editor
  • Live model catalog from models.dev with search, provider grouping, and featured chips
  • Per-step temperature slider (0-2) that disables for models with fixed sampling
  • Variables detected per step with {{name}} regex; step-output references via {{stepName.output}}
  • Preview run that resolves every prompt with your variable values and lints the workflow
  • Per-step and total token estimates
  • Versioned JSON export plus readable Markdown export
  • Startup templates (linear chain, classifier branch, summarizer chain)
  • Validation with inline errors and undo/redo
  • Autosave to localStorage under awb-workflow

よくある質問

ユーザーが結果を信頼する前に抱く疑問に対する簡潔な回答。

No. It is a planner and designer only. It never calls an LLM API or runs the steps. Export the JSON and execute it in your own pipeline.

No. Everything runs in your browser. The only network request is the models.dev catalog, fetched to build the model picker; your workflow is never uploaded.

From the public models.dev dataset (https://models.dev/models.json), cached in your browser for 24 hours. If it cannot be reached, a bundled offline list is used instead.

Any {{name}} in a prompt template is an input variable. You provide its value in the Variables panel for the preview. A {{stepName.output}} reference pulls the output of an earlier step, resolved by step name.

Import accepts either a bare array of step objects or the wrapped { version, exportedAt, title, steps } shape, as long as each step has at least a name and prompt.

In your browser localStorage under the key awb-workflow, saved automatically as you type. Clear your browser data or hit Clear to reset.

コメント (0)

ユーザー間の議論、例外的なケース、および追加のヒントについて。
コメントを残す
コメントを送信すると、公開されます。
まだコメントはありません。ぜひ最初のコメントを投稿してください!
ぜひお知らせください!

このツールに関する問題を報告する

発生した問題について詳しくご説明ください。調査を行い、ツールの改善に役立てたいと思います。

最も役立つのは
入力内容、期待される結果、実際の結果、使用しているブラウザや端末、および必要に応じてスクリーンショットを記載してください。
スクリーンショットボタンをクリックすると、ブラウザ上のページがキャプチャされ、生成された画像がこのフォームに添付されます。
全画面のスクリーンショット
html2canvas を使用して、お使いのブラウザでキャプチャされました。
まだスクリーンショットは撮影されていません。
ツール レポート