AIエージェント活用事例
Views —

AIエージェント活用事例

今日の新着

44すべて 189件

全189件中 1〜20件

販促・制作実装例

既存UIプロジェクトを確認し、要件に合った画面を作成するエージェント

デザインの要件を受け取ったエージェントが、Stitchプロジェクトおよび既存の画面を確認し、新しい画面を作成したと報告しています。

n8n

使い方

  1. Google Stitchのツール接続を設定し、使用するプロジェクトまたは新しい画面の要件を伝えます。
  2. 既存のプロジェクトや画面を確認した後、新規プロジェクト作成または画面作成ツールを要件に合わせて実行します。

結果

公開されている例で目標とされている成果物は、選択したプロジェクト内に作成された画面だと報告されています。

補足

Google Stitch MCPを利用したデザイン実装例です。単なる画像プロンプト生成とは異なります。公開設定とツール接続を確認し、実際の実行は行っていないと記載されています。

出典

n8n 공개 워크플로 #13269 原文 ↗

プロンプト例 · n8n

目標：対話を通じてUIプロジェクトを探し、新しい画面を作成してください。

入力・環境：[Stitch接続]、[プロジェクト]、[画面要件]、[デバイスサイズ]。

参考原文：https://n8n.io/workflows/13269

原文の公開構成でテスト環境を作成できるよう、設定と接続を準備してください。抜けているサブワークフロー・API・アカウント権限があれば、実際に接続するまで未完了として表示してください。

準備する接続と資料：Google Stitchのツール接続を設定し、使用するプロジェクトまたは新しい画面の要件を伝えてください。

実装するエージェントの動作：既存のプロジェクトや画面を確認した後、新規プロジェクト作成または画面作成ツールを要件に合わせて実行してください。

動作範囲：Google Stitch MCPを利用したデザイン実装例です。単なる画像プロンプト生成とは区別してください。

成果物は選択したプロジェクト内に作成された画面です。必要な設定手順と実際の実行方法もあわせて整理してください。ツールが返した結果を確認した後、次の作業を選択し、アクセスできない資料や実行できなかった作業は別途記録してください。

検証：既存プロジェクトを誤って選択していないか、作成した画面を再度開けるか、要求した入力やボタンが含まれているかを確認してください。検証に使用した入力と実際の出力、まだ確認できていない項目を区別して表示してください。