AI画像生成

AIチャットからカスタム画像を生成したり、ストック写真を検索したりできます。APIキー不要で、すべて内蔵されています。

ProyectaのAIは、ビルドプロセス中に画像を生成できます。カスタムAI生成ビジュアル用とキュレーション済みストック写真用の2つのツールが内蔵されており、サードパーティのAPIキーは不要です。

内蔵の画像生成

AIには generate_image ツールが搭載されており、必要に応じてカスタムビジュアルを作成できます。次のように指示するだけです：

"Generate a hero image for my landing page — abstract gradient with floating shapes"
"Create product mockup images for my e-commerce store"
"Make an illustration of a team collaborating for the about page"

生成された画像はプロジェクトのファイルストレージに保存され、永続的なCDN URLが付与されます。AIはそれらをプロジェクトの src/assets/ ディレクトリにダウンロードします（コンポーネント内でES6 importを使って参照）。ファビコンやOG画像など安定したURLが必要なファイルは、target_path: public/<name> を使って public/ に配置できます。

オプション： AIはアスペクト比（1:1、16:9、9:16、4:3、3:4）と品質（medium、high）を制御できます。

ストック写真（Unsplash / Pexels）

現実世界のキュレーション済み写真が必要な場合、AIは generate_stock_image を使ってストック写真ライブラリを検索します（デフォルトはUnsplash、Pexelsにも対応）：

"Find a hero photo of a modern office space"
"Add stock photos of food for the restaurant menu page"

ストック画像はプロジェクトの src/assets/ ディレクトリにダウンロードされ、ホットリンク用のCDN URLも返されます。ツールの結果にはアトリビューション情報が含まれており、プラットフォームの設定に応じてAIがUIに写真クレジットを表示します。

ロゴとSVG

ロゴやシンプルなイラストの場合、AIは画像APIを呼び出さずに直接SVGを生成できます：

Generate an SVG logo for my app — minimalist, two colors, abstract mark.
Save it to public/logo.svg and use it in the navbar.

画像の保存場所

AI生成画像 — blob storageにアップロードされ、プロジェクトの src/assets/ ディレクトリにダウンロードされます
ストック画像（Unsplash / Pexels）— プロジェクトの src/assets/ ディレクトリにダウンロードされます
ランタイムにアップロードされた画像（アプリのユーザーがアップロードしたもの）— ファイルとメディア SDKを通じて処理されます

サードパーティプロバイダー

アプリのエンドユーザー向けに特定のモデルやプロバイダーが必要な場合（builderではなく）、AIは任意の画像生成サービスと連携できます：

DALL-E / OpenAI — "Add an image generation page that calls OpenAI's images API"
Stable Diffusion / Stability AI — "Integrate Stability AI with an SDXL model"
Replicate — "Add Replicate-powered image gen with model selection"

リクエストを送る前に、プロバイダーのAPIキーを環境変数に追加してください。