KI-Bildgenerierung

Erstelle benutzerdefinierte Bilder und finde Stockfotos direkt im KI-Chat. Integriert, keine API-Schlüssel erforderlich.

Die KI von Proyecta kann während des Build-Prozesses Bilder generieren. Es stehen zwei integrierte Tools zur Verfügung – eines für benutzerdefinierte KI-generierte Grafiken und eines für kuratierte Stockfotografie. Keine Drittanbieter-API-Schlüssel erforderlich.

Integrierte Bildgenerierung

Die KI verfügt über ein generate_image-Tool, das auf Anfrage individuelle Grafiken erstellt. Formuliere einfach eine Anfrage wie:

• "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"

Generierte Bilder werden im Dateispeicher deines Projekts abgelegt und erhalten eine permanente CDN-URL. Die KI lädt sie in das Verzeichnis src/assets/ deines Projekts herunter (referenziert über ES6-Import in Komponenten). Verwende target_path: public/<name>, um Dateien in public/ abzulegen und stabile URLs für Favicons oder OG-Bilder zu erhalten.

Optionen: Die KI kann das Seitenverhältnis (1:1, 16:9, 9:16, 4:3, 3:4) und die Qualität (medium, high) steuern.

Stockfotografie (Unsplash / Pexels)

Für kuratierte Fotos aus der realen Welt verwendet die KI generate_stock_image, um Stockfoto-Bibliotheken zu durchsuchen (standardmäßig Unsplash, Pexels wird ebenfalls unterstützt):

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

Stockbilder werden in das Verzeichnis src/assets/ deines Projekts heruntergeladen, zusätzlich wird eine verlinkte CDN-URL zurückgegeben. Die Quellenangabe ist im Tool-Ergebnis enthalten – die KI stellt Bildnachweise in deiner Benutzeroberfläche dar, sofern die Plattform entsprechend konfiguriert ist.

Logos und SVGs

Für Logos und einfache Illustrationen kann die KI SVGs direkt generieren, ohne eine Bild-API aufzurufen:

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

Wo Bilder gespeichert werden

• KI-generierte Bilder werden in den Blob-Speicher hochgeladen und in das Verzeichnis src/assets/ deines Projekts heruntergeladen
• Stockbilder (Unsplash / Pexels) werden in das Verzeichnis src/assets/ deines Projekts heruntergeladen
• Zur Laufzeit hochgeladene Bilder (von den Nutzern deiner App) werden über das Dateien & Medien-SDK verarbeitet

Drittanbieter

Falls du für die Endnutzer deiner App (nicht für den Builder) ein bestimmtes Modell oder einen bestimmten Anbieter benötigst, kann die KI jeden Bildgenerierungsdienst integrieren:

• 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"

Füge den API-Schlüssel deines Anbieters unter Umgebungsvariablen hinzu, bevor du die Anfrage stellst.