例: テキストベースの UI ジェネレーター

このツールは、説明に基づいてテキストベースのユーザーインターフェースを生成します。試すための完全なソースコードが提供されています。

私たちは、https://eastagile.com によって実践されるAI駆動開発の支持者です。それをサポートするために、AIを使用してユーザーインターフェースを開発します。このツールは、説明に基づいてテキストベースのユーザーインターフェースを生成し、特定のユーザーインターフェース要素のリクエスト(オプション)を受け付けます。このツールのプロンプトは、デザイン要素と適切なUIテキストを求めます。 この例は、チーム全体で作成し展開できるツールの具体的かつ実用的な例として提示されています。 以下はその使用例です。 ユーザー入力:

テキストベースのUIジェネレーターサンプル入力
指定された入力フィールドを使用したサンプル入力。

生成された出力:

テキストベースのUIジェネレーター出力
アプリによって生成されたテキストを含むテキストベースのユーザーインターフェース。

カスタムツールのjsonをGenstudioに追加します。

カスタムツールのアップロード
カスタムツールを定義するためにjsonをアップロード

ここに、ファイル(例: text-based-ux-designer.json)で更新する実際のjsonがあります。

独自のアイコンを作成し、それをこのjsonにbase64形式のテキストとして入力することができます。そうでなければ、素敵なデフォルトが使用されます。

最終更新