AIエージェントのモックアップ

トリガー、AIステップ、アクションのワークフローキャンバスと、承認付きのモバイル「エージェント実行」画面。

ここにスクショをドロップ

サイズ

形式

画像はブラウザ内だけで処理され、アップロードされません。

エージェントと自動化はあらゆる場所に広がっています。このテンプレートはビジュアルなエージェントビルダーを描きます。ドット柄のキャンバス、トリガーノード、Slack・CRM・返信につながる強調されたAIステップ、指示・出力・クリエイティビティ・人による承認を設定するサイドパネル。

iPhone版はエージェントの実行をステップごとのタイムラインで表示し、承認待ちの返信案を示します。人が関与するAI(human-in-the-loop)の説明に最適です。

作例

使い方

  1. 画面を選ぶ

    18種類のUI(各5レイアウト)から選ぶか、自分のスクリーンショットを使います。「別のパターン」で何度でも作り直せます。

  2. デバイスを選ぶ

    iPhone 17 Pro、iPhone Air、MacBook Pro、MacBook Air、またはブラウザウィンドウ。

  3. ダウンロード

    角度と背景を選び、高解像度のPNG・JPG・WebPを保存。透過背景にも対応しています。

よくある質問

どんなエージェントが表示されますか?

サポート振り分けエージェントです。新着メールを読み、AIで分類・要約し、Slackに投稿、チケットを更新して返信の下書きを作ります。

ダークモードで表示できますか?

はい。カラーをダークにすると、キャンバス、ノード、パネルすべてが切り替わります。

モバイル画面はありますか?

はい。iPhone版ではエージェントの実行と承認ステップが表示されます。

無料で使えますか?

はい。すべてのUI、デバイス、角度、サイズが無料で、アカウントも不要です。商用プロジェクトにも使えます。

自分のスクリーンショットをiPhoneやMacBookに入れられますか?

はい。「自分のスクショ」をクリックするか、プレビューに画像をドラッグ、またはCtrl/Cmd+Vで貼り付けます。画像はブラウザ内で処理され、アップロードされません。

その他のモックアップ

画面タイプ別モックアップ


デバイス別モックアップ