> ## Documentation Index
> Fetch the complete documentation index at: https://lovable.generaltranslation.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Eingabeaufforderungen und Integrationen

> Erweitere deine Apps mit leistungsstarken, direkt integrierten Services

Lovable bietet eine breite Palette integrierter Integrationen, mit denen du deinen Anwendungen erweiterte Funktionen verleihen kannst. Ob du KI-gestützte Verarbeitung, Dokumentenautomatisierung oder UI-Erweiterungen benötigst – Lovable hat die passende Integration für dich.

<Warning>
  Du musst deinen eigenen API-Schlüssel einrichten, um diese Integrationen in Lovable zu verwenden.

  <iframe width="100%" height="315" src="https://www.youtube.com/embed/6R4cc86bZD8?si=trT7a5wHvhs5da6i" title="YouTube-Videoplayer" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
</Warning>

<div id="ai-llms">
  ## KI & LLMs
</div>

Integriere führende KI-Modelle, um intelligente Anwendungen zu bauen, die das Benutzererlebnis verbessern, Workflows automatisieren und Inhalte generieren:

* **OpenAIs Modell** – Ideal für Zusammenfassungen, Analysen und Inhaltserstellung. Schnell und zuverlässig.
* **Anthropics neuestes Modell** – Hervorragend für komplexes Schlussfolgern und tiefgehende Analysen.
* **Googles neuestes Modell** – Stark in logischem Schlussfolgern und der Verarbeitung langer Kontexte.
* **Groq** – Das schnellste KI-Modell in Create, betrieben von Llama 3.
* **Cohere Command R+** – Skalierbares LLM, entwickelt für Business-Anwendungen.

**Beispiel-Eingabeaufforderungen für den Einstieg:**

<Info>
  Baue einen Schreibassistenten zur Grammatikverbesserung mit `[AI model]`.
</Info>

<Info>
  Erstelle einen Chatbot, der mit `[AI model]` Kundensupport bietet.
</Info>

<Info>
  Entwickle einen KI-gestützten Forschungsassistenten mit `[AI model]`.
</Info>

<Info>
  Baue eine App, die `[AI model]` für Textanalyse verwendet.
</Info>

<Info>
  Erstelle ein Tool, das `[AI model]` für die Inhaltserstellung verwendet.
</Info>

<Info>
  Baue eine App, die `[AI model]` zur Analyse langer Dokumente verwendet.
</Info>

<Info>
  Erstelle ein Tool, das `[AI model]` für mehrstufiges Schlussfolgern verwendet.
</Info>

<Info>
  Erstelle einen Forschungsassistenten mit `[AI model]`.
</Info>

<Info>
  Erstelle ein Tool, das `[AI model]` für Echtzeitanalyse verwendet.
</Info>

<Info>
  Baue einen Chatbot, der `[AI model]` für schnelle Antworten verwendet.
</Info>

<Info>
  Erstelle eine App, die `[AI model]` für Textverarbeitung verwendet.
</Info>

<Info>
  Baue eine App, die `[AI model]` für Inhaltsanalyse verwendet.
</Info>

<Info>
  Erstelle ein Tool, das `[AI model]` für Schreibunterstützung verwendet.
</Info>

<Info>
  Erstelle einen Recherchehelfer mit `[AI model]`.
</Info>

<Info>
  Erstelle ein Tool, das `[AI model]` verwendet, um komplexe Themen zu erklären.
</Info>

<Info>
  Erstelle einen Schreibassistenten, der `[AI model]` für die Struktur von Aufsätzen verwendet.
</Info>

<Info>
  Erstelle ein Tool, das `[AI model]` für Echtzeit-Textanalyse verwendet.
</Info>

<Info>
  Generiere Blogbeiträge und zeige sie mit `[Markdown Renderer]` an.
</Info>

<Info>
  Baue ein Wiki, das `[Markdown Renderer]` verwendet, um von `[AI model]` generierte KI-Inhalte anzuzeigen.
</Info>

<div id="images-vision">
  ## Bilder & Vision
</div>

Nutze modernste Vision-APIs für Bildanalyse, -optimierung und -generierung. Lovable unterstützt:

* GPT-4 Vision
* Stable Diffusion
* DALL-E
* Pexels
* Exa
* und andere.

**Beispiel-Eingabeaufforderungen für den Einstieg:**

<Info>
  Ermögliche Nutzer:innen, Fotos hochzuladen und sie mit `[AI model]` zu analysieren.
</Info>

<Info>
  Erzeuge hochwertige Produktfotos mit KI-Optimierungen.
</Info>

<Info>
  Extrahiere Text aus Bildern mit `[AI model]`.
</Info>

<Info>
  Lass Nutzer:innen ein Bild beschreiben und verwende `[AI model]`, um es zu erstellen.
</Info>

<Info>
  Erstelle ein Tool, das `[AI model]` für die Logoerstellung verwendet.
</Info>

<Info>
  Lass Nutzer:innen Kunst beschreiben und verwende `[AI model]`, um sie zu generieren.
</Info>

<Info>
  Erstelle KI-generierte Kunstwerke basierend auf Beschreibungen.
</Info>

<Info>
  Finde Stockfotos bestimmter Objekte mit `Pexels`.
</Info>

<Info>
  Finde ein Video von einem Hund, der apportiert, mit `Pexels`.
</Info>

<Info>
  Rufe die neuesten KI-Forschungspapiere mit `Exa` ab.
</Info>

<Info>
  Hole die neuesten Tech-News-Artikel mit `Eva`.
</Info>

<Info>
  Erkenne Gesichter und Emotionen in Bildern.
</Info>

<Info>
  Verbessere die Bildauflösung automatisch.
</Info>

<div id="ui-components">
  ## UI-Komponenten
</div>

Für barrierefreies Design und wiederverwendbare UI-Komponenten empfehlen wir:

* **21st.dev**
* **Chakra UI**
* **shadcn/ui**.

Sieh dir unseren [Leitfaden zu den besten Tailwind-CSS-Komponenten](https://lovable.dev/blog/best-tailwind-css-component) an, um mehr zu erfahren.

**Beispielformulierungen für den Einstieg:**

<Info>
  Füge ein Formular mit `[Chakra UI]`-Komponenten hinzu.
</Info>

<Info>
  Erstelle ein Dashboard mit einem `[Chakra UI]`-Layout.
</Info>

<Info>
  Erstelle eine responsive Navigationsleiste mit `[shadcn/ui]`.
</Info>

<Info>
  Verwende die `[shadcn/ui]`-Dialogkomponente für ein Popup-Formular.
</Info>

<Info>
  Entwickle ein Einstellungs-Panel mit `[shadcn/ui]`.
</Info>

<Info>
  Implementiere eine Kalenderkomponente für Terminplanungen.
</Info>

<Info>
  Erstelle eine modalbasierte UI für optimierte Interaktionen.
</Info>

<div id="audio-processing">
  ## Audioverarbeitung
</div>

Eleven Labs ist eine Top-Wahl für hochwertige Integrationen.

* Sprache in Text umwandeln
* Natürlich klingende Stimmen erzeugen
* Audiodateien verbessern

**Beispiel-Eingabeaufforderungen für den Einstieg:**

<Info>
  Hochgeladene Audiodateien mithilfe von Audiotranskription in Text umwandeln.
</Info>

<Info>
  Ein Tool zur Podcast-Transkription erstellen.
</Info>

<Info>
  Inhalte mit Text-to-Speech vorlesen lassen.
</Info>

<Info>
  Ein Tool zur Erstellung von Hörbüchern entwickeln.
</Info>

<Info>
  Besprechungsaufzeichnungen transkribieren und zusammenfassen.
</Info>

<Info>
  Sprachgesteuerte Interaktionen mit der Benutzeroberfläche umsetzen.
</Info>

<Info>
  Lebensechte synthetische Stimmen erzeugen.
</Info>

<div id="maps">
  ## Karten
</div>

Mit **`Mapbox, Google Maps und Weather APIs`** kannst du deine Anwendungen erweitern um:

* Geolokalisierung
* Kartendarstellung
* Geschäftseinblicke

**Beispiel-Eingabeaufforderungen für den Einstieg:**

<Info>
  Zeige Filialstandorte auf einer Karte mit `[Mapbox]` an.
</Info>

<Info>
  Erstelle ein Lieferverfolgungssystem mit Echtzeit-Updates.
</Info>

<Info>
  Erstelle eine Immobilienanzeigen-App mit `[Google Maps]`.
</Info>

<Info>
  Finde Restaurants mit `[Google business data]`.
</Info>

<Info>
  Erstelle ein lokales Unternehmensverzeichnis mit `[Google business data]`.
</Info>

<Info>
  Erstelle einen Bewertungsaggregator mit `[Google business data]`.
</Info>

<Info>
  Füge eine automatische Adressvervollständigung mit `[Google Place Autocomplete]` hinzu.
</Info>

<Info>
  Zeige Echtzeit-Wetterdaten mit `[Weather API]` an.
</Info>

<Info>
  Implementiere einen Routenplaner zur optimalen Reiseplanung.
</Info>

<div id="documents">
  ## Dokumente
</div>

Du kannst:

* PDFs programmgesteuert erstellen und herunterladen
* Text aus PDFs extrahieren und konvertieren
* gescannte Dokumente verarbeiten
* Dateien zwischen verschiedenen Formaten umwandeln
* QR-Codes für Links, Daten und geschäftliche Anwendungen erzeugen

**Beispiel-Eingabeaufforderungen für den Einstieg:**

<Info>
  Lass Nutzer ein Formular ausfüllen und verwende `[PDF Generation]`, um es herunterzuladen.
</Info>

<Info>
  Generiere Rechnungen als PDFs mit `[PDF Generation]`.
</Info>

<Info>
  Erstelle ein Lebenslauf-Tool, das nach PDF exportiert.
</Info>

<Info>
  Extrahiere Text aus gescannten Dokumenten mit `[PDF Parser]`.
</Info>

<Info>
  Baue ein Tool zur Dokumentenanalyse mit `[PDF Parser]`.
</Info>

<Info>
  Erstelle ein PDF-Suchtool mit `[PDF Parser]`.
</Info>

<Info>
  Lass Nutzer Dokumente mit `[Document Scanner]` scannen.
</Info>

<Info>
  Baue ein Tool zur Belegverfolgung mit `[Document Scanner]`.
</Info>

<Info>
  Konvertiere PDFs in Bilder mit `[File Conversion]`.
</Info>

<Info>
  Baue einen Dokumentenkonverter mit `[File Conversion]`.
</Info>

<Info>
  Erzeuge QR-Codes für Links und Geschäftsdaten.
</Info>

<Info>
  Erstelle einen URL-Shortener mit QR-Codes mit `[QR Code]`.
</Info>

<Info>
  Baue einen Workflow für das Unterzeichnen von Dokumenten.
</Info>

<Info>
  Implementiere eine automatisierte Berichtserstellung.
</Info>

<div id="media-entertainment">
  ## Medien & Unterhaltung
</div>

Damit kannst du:

* Mediendaten abrufen
* Sportstatistiken verfolgen
* nach Filmen, TV-Serien, Anime und Büchern suchen

**Beispiel-Eingabeaufforderungen für den Einstieg:**

<Info>
  Erstelle ein Filmempfehlungssystem mit `[TMDb]`.
</Info>

<Info>
  Verfolge anstehende TV-Serien mit `[Movies and TV Series]`.
</Info>

<Info>
  Erstelle eine Watchlist-App mit `[Movies and TV Series / TMDb]`.
</Info>

<Info>
  Finde Details zu „The Dark Knight“ mit `[TMDb]`.
</Info>

<Info>
  Erstelle ein Anime-Entdeckungstool.
</Info>

<Info>
  Erstelle eine Manga-Leseliste.
</Info>

<Info>
  Erstelle ein Anime-Empfehlungssystem.
</Info>

<Info>
  Erstelle eine Fantasy-`[Sport]`-Vorhersage-App.
</Info>

<Info>
  Erstelle einen Fantasy-`[Sport]`-Assistenten.
</Info>

<Info>
  Erstelle ein Tool für Spielvorhersagen.
</Info>

<Info>
  Erstelle eine Buchentdeckungs-App mit `[Book Search]`.
</Info>

<Info>
  Erstelle einen Leselisten-Manager.
</Info>

<Info>
  Entwickle eine personalisierte Buchempfehlungs-Engine.
</Info>

<div id="web-tools">
  ## Web-Tools
</div>

Du kannst:

* wertvolle Erkenntnisse aus jeder Website gewinnen
* Text nahtlos zwischen Sprachen übersetzen
* in Echtzeit auf Suchergebnisse zugreifen
* Bilder im gesamten Web mühelos finden

**Beispiel-Eingabeaufforderungen für den Einstieg:**

<Info>
  Scrape die Top-Suchergebnisse aus `[Google Search]` mit `[Web Scraper]`.
</Info>

<Info>
  Übersetze Text dynamisch mit `[Google Translate]`.
</Info>

<Info>
  Erstelle eine Sprachlern-App mit `[Google Translate]`.
</Info>

<Info>
  Durchsuche das Web mit `[Google Search]`.
</Info>

<Info>
  Erstelle ein Tool zur Analyse von Trendthemen mit `[Google Search]`.
</Info>

<Info>
  Finde Bilder mit `[Google Image Search]`.
</Info>

<Info>
  Erstelle einen visuellen Rechercheassistenten mit `[Google Image Search]`.
</Info>

<Info>
  Automatisiere Wettbewerbsanalysen, indem du Schlüsseldaten aus Websites extrahierst.
</Info>

<Info>
  Entwickle ein Web-Scraping-Tool für Marktforschung.
</Info>

<div id="business">
  ## Business
</div>

Du kannst nahtlos:

* präzise Verkaufssteuern berechnen
* detaillierte Suchbegriffsanalysen durchführen
* interaktive und dynamische Datenvisualisierungen erstellen
* E-Mail-Adressen in Echtzeit validieren
* Domaininformationen prüfen
* schädliche oder anstößige Inhalte erkennen
* Chat- und Benachrichtigungsfunktionen integrieren
* transaktionale E-Mails versenden
* E-Mail-Kampagnen mit integrierter Automatisierung effizient verwalten

**Beispiele für Eingabeaufforderungen zum Einstieg:**

<Info>
  Berechne Bestellsummen mit `[US Sales Tax Calculator]`.
</Info>

<Info>
  Erstelle einen E-Commerce-Checkout.
</Info>

<Info>
  Erstelle ein Preiskalkulationstool.
</Info>

<Info>
  Analysiere SEO-Keywords mit `[SEO Keyword Research]`.
</Info>

<Info>
  Erstelle ein Tool zur Content-Planung.
</Info>

<Info>
  Erstelle einen SEO-Analyzer.
</Info>

<Info>
  Zeige Verkaufsdaten in einem Liniendiagramm mit Charts an.
</Info>

<Info>
  Erstelle eine Analytics-Seite.
</Info>

<Info>
  Prüfe E-Mail-Adressen und erstelle ein System zur E-Mail-Validierung.
</Info>

<Info>
  Erstelle ein Anmeldeformular mit `[GitHub]`.
</Info>

<Info>
  Erstelle ein Domain-Inspector-Tool mit `[Domain Inspector]`.
</Info>

<Info>
  Erstelle eine sichere Chat-App mit `[OpenAI Moderation]`.
</Info>

<Info>
  Sende Bestellbestätigungen über `[Line]`.
</Info>

<Info>
  Erstelle ein Broadcast-System mit `[Line]`.
</Info>

<Info>
  Sende Bestellbestätigungen mit `[Resend]`.
</Info>

<Info>
  Erstelle ein Newsletter-System mit `[Resend]`.
</Info>

<Info>
  Validiere E-Mail-Adressen mit `[NeverBounce]`.
</Info>

<Info>
  Wenn du `[NeverBounce]` verwendest, prüfe, ob diese E-Mail-Adressen gültig sind, und speichere die Ergebnisse.
</Info>

<Info>
  Entwickle ein automatisiertes Tool zur Umsatzprognose.
</Info>

<Info>
  Implementiere KI-gestütztes Lead Scoring.
</Info>