google-labs-code/stitch-sdk

解決する課題

開発者がテキストプロンプトを使用して、プログラム的にUI画面を生成、編集、反復することを可能にします。手動でインターフェースを設計する代わりに、ユーザーは平易な言葉で画面を説明するだけで、対応するHTMLとスクリーンショットを受け取ることができます。

仕組み

このSDKは、テキストによる説明をUIデザインに変換するバックエンドサービスに接続します。作業は「プロジェクト」として整理され、ユーザーは新しい画面の生成、編集プロンプトによる既存画面の改良、または複数のデザインバリエーション（レイアウト、配色、フォントの調整）の作成を行うことができます。また、デザインシステムの作成をサポートし、画面間での視覚的な一貫性を維持します。

対象ユーザー

• フロントエンド開発者: UIレイアウトの迅速なプロトタイピングとスターターHTMLの取得。
• AIエージェント開発者: Vercel AI SDKおよびGoogle ADK向けのツール統合を活用し、インターフェースを作成・修正できる自律型デザイナーの構築。
• プロダクトデザイナー: 画面の異なる視覚的方向性を迅速に探索。

ハイライト

• テキストからUIを生成: シンプルなプロンプトから完全な画面を作成。
• UIの反復: 既存の画面を編集したり、特定のクリエイティブ範囲（Refine, Explore, Reimagine）で複数のバリエーションを生成。
• エージェント対応: MCP (Model Context Protocol) ツールを組み込みでサポートしており、LLMエージェントとの統合が容易。
• デザインシステムサポート: 複数の画面に一貫した視覚テーマを作成・適用。
• マルチフォーマット出力: 生成されたUIのHTMLコードとスクリーンショット画像の直接ダウンロードURLを提供。