> ## Documentation Index > Fetch the complete documentation index at: https://docs.langdock.com/llms.txt > Use this file to discover all available pages before exploring further. # App erstellen und bearbeiten > Beschreibe eine App im Chat, verfolge den Build, prüfe die Vorschau und frage Änderungen an der ganzen App oder an einem einzelnen Element an. Du baust eine App in einem Langdock-Chat. Beschreibe, was die App tun soll, prüfe die Vorschau und frage weitere Änderungen an, bis die erste Version fertig ist. Zum Erstellen brauchst du Zugriff auf Apps und die Berechtigung **Apps erstellen**. Siehe [Voraussetzungen für den Zugriff](https://docs.langdock.com/de/using-langdock/apps/introduction.md#voraussetzungen-für-den-zugriff). ## Neue App starten **1. Apps öffnen** Klicke in der Seitenleiste auf **Apps**. **2. Auf App erstellen klicken** Klicke oben rechts auf **App erstellen**. Ein neuer Chat öffnet sich. Im Nachrichtenfeld steht schon **Hilf mir, folgende App zu erstellen:**. Ergänze deine Beschreibung nach diesem Text. ![Neuer Chat mit dem vorausgefüllten Text Hilf mir, folgende App zu erstellen:](https://mintcdn.com/langdock-34/5-5I0Zan4no4x7fF/de/images/apps/apps-create-start-de.png?fit=max\&auto=format\&n=5-5I0Zan4no4x7fF\&q=85\&s=91107f42619e7d05325ad142af213e4f) Der Chat für eine neue App hat dieselben Bedienelemente wie ein normaler Langdock-Chat: Anhänge, **Plugins**, **In einem Ordner arbeiten**, Modellauswahl und Spracheingabe. Diese Bedienelemente gehören zum Builder-Chat. Welche Integrationen die App selbst nutzt, siehst du im Tab **Integrationen** der App. Siehe [Integrationen in Apps](https://docs.langdock.com/de/using-langdock/apps/integrations.md). Mit der Modellauswahl wählst du das Modell für den Builder-Chat. Welche Modelle in der Liste stehen, hängt von deinem Workspace ab. ## Erste Version beschreiben Schreib, was die App tun soll, welche Informationen sie zeigt und was noch warten kann. Du kannst mit Beispieldaten starten und eine Datenbank später ergänzen. Zum Beispiel: > Baue ein Marketing-Performance-Dashboard für eine E-Commerce-Marke, das wöchentliche Werbeausgaben, Return on Ad Spend und Conversion Rate pro Kanal als Diagramme zeigt, dazu eine Tabelle der 10 besten Kampagnen. Nutze realistische Beispieldaten. Noch kein Login und keine Datenbank. Klicke auf den Senden-Button. Der Builder beginnt und öffnet das App-Panel neben dem Chat. ## Build verfolgen Im Chat siehst du, woran der Builder arbeitet. Das App-Panel zeigt die Phasen **Planen**, **Bauen** und **Abschluss**. Der Status wechselt von **App wird geplant…** zu **App wird gebaut…** und **Wird abgeschlossen…**. Warte auf **Vorschau bereit**. Wenn der Builder mehr Informationen braucht, stellt er dir im Chat eine Frage, und der Status zeigt „Wartet auf deine Antwort". Wenn ein Build mit **Build fehlgeschlagen** abbricht, siehe [Limits und Fehlerbehebung](https://docs.langdock.com/de/using-langdock/apps/limits-and-troubleshooting.md#ein-build-schlägt-fehl). ## Vorschau prüfen Sobald die Vorschau bereit ist, prüfst du die App rechts. Der Builder-Chat bleibt links, damit du beim Prüfen direkt Änderungen anfragen kannst. ![Builder-Chat links und die Vorschau der App Pilot tracker rechts](https://mintcdn.com/langdock-34/5-5I0Zan4no4x7fF/de/images/apps/apps-builder-preview-de.png?fit=max\&auto=format\&n=5-5I0Zan4no4x7fF\&q=85\&s=573a985381a30228c7922c89befe28c4) Scrolle in der Vorschau durch die ganze App und probiere Buttons und Formulare aus. Mit **Vorschau neu laden** in der Werkzeugleiste der Vorschau lädst du sie neu. Die Vorschau ist von der App getrennt, die du erstellst. Du kannst die Vorschau weiter ändern, bevor du auf **Erstellen** klickst. Siehe [App veröffentlichen und teilen](https://docs.langdock.com/de/using-langdock/apps/publish-and-share.md). ## Änderungen im Chat anfragen Beschreibe im Nachrichtenfeld, was du ändern möchtest. Nenne den Teil der App und das Ergebnis, das du erwartest. Zum Beispiel: > Benenne Team-Fortschritt in Checklisten-Fortschritt um. Behalte die drei Fortschrittsbalken der Teams. Sende die Anfrage und prüfe die Vorschau, sobald der Builder die Änderung umgesetzt hat. Wenn der Build fertig ist, zeigt der Chat eine Zusammenfassung der Änderungen. Du kannst im selben Chat weitere Anfragen senden. Kleinere, konkrete Anfragen lassen sich leichter prüfen als eine große. ### Beispiel: Datenbank ergänzen Die erste Version des Dashboards oben nutzt Beispieldaten. Mit einer weiteren Anfrage können Nutzer Daten eingeben und speichern: > Füge jetzt eine Datenbank hinzu, in der Nutzer neue Daten zu Werbeausgaben pro Kanal eintragen können. Während der Builder die App aktualisiert, steht „App wird gebaut…" auf der App-Karte und in der Werkzeugleiste der Vorschau. Die bisherige Version bleibt in der Vorschau sichtbar, bis das Update fertig ist. In diesem Beispiel ergänzt der Builder ein Formular für neue Einträge und eine Tabelle mit den gespeicherten Datensätzen. Dieses Formular gehört zur generierten App. Es ist vom [Tab Daten](https://docs.langdock.com/de/using-langdock/apps/data.md) getrennt, in dem Bearbeiter die Tabellen der App ansehen. Teste Eingaben und Speichern im Formular, bevor du auf **Erstellen** klickst. ## Änderung an einem bestimmten Element anfragen Wähle ein Element in der Vorschau aus, um deine Anweisung genau diesem Teil der App zuzuordnen. **1. Elementauswahl einschalten** Klicke in der Werkzeugleiste der Vorschau auf **Element auswählen**. Das Banner zeigt „Klicke auf ein Element, um Änderungen daran anzufragen". **2. Element wählen** Bewege den Mauszeiger über die App. Ein blauer Rahmen zeigt, welches Element du auswählst. Klicke auf das Element. **3. Kommentar hinzufügen** Gib deine Anweisung in **Kommentar hinzufügen** ein und klicke auf den Pfeil-Button **Zum Chat hinzufügen**. ![Ein ausgewählter Bereich in der Vorschau mit dem Feld Kommentar hinzufügen daneben](https://mintcdn.com/langdock-34/5-5I0Zan4no4x7fF/de/images/apps/apps-element-comment-de.png?fit=max\&auto=format\&n=5-5I0Zan4no4x7fF\&q=85\&s=bcd1eccd6435c8ecfd1f255286aea6de) Um den Auswahlmodus ohne Auswahl zu verlassen, klicke im Banner auf **Abbrechen**. Mit **Screenshot zum Chat hinzufügen** in der Werkzeugleiste der Vorschau schickst du ein Bild der aktuellen Vorschau an den Chat. ## Layout anpassen Ziehe den Trenner zwischen Chat und Vorschau, um die Breiten zu ändern. Für mehr Platz bei einer langen Anfrage klickst du auf der App-Karte über dem Nachrichtenfeld auf **Schließen**. Damit blendest du die Vorschau aus. ## Bestehende App bearbeiten Um eine App später zu ändern, öffne sie und klicke auf **Im Chat bearbeiten**. Links öffnet sich der Builder-Chat, rechts die Vorschau. Dafür brauchst du die Rolle **Besitzer** oder **Bearbeiter** in der App. ## App umbenennen Öffne im Editor im Kopf des App-Panels neben **Teilen** das Drei-Punkte-Menü **Weitere Aktionen** und klicke auf **Umbenennen**. **Umbenennen** findest du auch im Drei-Punkte-Menü der App-Karte auf der Apps-Seite. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.