google-labs-code/stitch-sdk

解決する課題

開発者がテキストプロンプトを使ってUIスクリーンをプログラム的に生成、編集、反復できるようにします。テキストベースのデザインアイデアと実際のコードの間のギャップを埋め、生成されたスクリーンのHTMLとスクリーンショットを提供します。

動作方法

SDKはバックエンドサービスと連携して、プロジェクトを作成し、自然言語による記述に基づいてスクリーンを生成します。プロンプトの編集や複数のデザインバリエーション（レイアウト、カラースキームなど）の作成を通じて、反復的なデザインをサポートします。また、「ツールクライアント」とVercel AI SDK、Google Agent Development Kit (ADK)への統合を提供し、AIエージェントが自律的にデザインツールを呼び出してインターフェースを構築できるようにします。

対象ユーザー

• フロントエンド開発者：テキストからUIスクリーンを迅速にプロトタイピングしたい方。
• AIエージェント開発者：自律的なデザイナーまたはインターフェースの作成・変更が可能なオーケストレーションスクリプトを開発している方。
• プロダクトデザイナー：スクリーンの異なるビジュアルバリエーションをプログラム的に探索したい方。

主な特徴

• テキストからUI生成：プロンプトから完全なスクリーンを生成し、HTMLと画像資産を取得可能。
• 反復編集：フォローアップのテキストプロンプトを使って既存のスクリーンを編集可能。
• デザインバリエーション：フォントや色など、クリエイティブな範囲を特定の制御で複数のバージョンを生成可能。
• エージェント対応：MCP（Model Context Protocol）ツールの組み込みサポートにより、Vercel AI SDKやGoogle ADKなどのLLMフレームワークとの統合が容易。
• デザインシステム統合：プロジェクト全体に一貫したビジュアルテーマを作成・適用可能。