--- title: "Prompt teardown: die Section, die aussieht wie Ihre App —" description: "Derselbe Prompt, in zwei Apps mit gegensätzlichem Design eingefügt, liefert zwei perfekt gekleidete Sections — ohne ein Wort zum Stil. Das liest die Generierung" canonical_url: "https://de.goodbarber.com/blog/prompt-teardown-die-section-die-aussieht-wie-ihre-app-—-ohne-dass-sie-darum-bitten-a1422/" lang: de date: 2026-09-07 last_updated: 2026-09-07 --- # Prompt teardown: die Section, die aussieht wie Ihre App — [Zurück](/blog/mach-es-r13/) # Prompt teardown: die Section, die aussieht wie Ihre App — ohne dass Sie darum bitten Written by [Dumè Siacci](https://de.goodbarber.com/blog/author/dominique-siacci/) on Montag 7 September 2026 ## Derselbe Prompt, unverändert in zwei Apps mit gegensätzlichem Design eingefügt: eine Patisserie ganz in Creme und Rosa, ein Radiosender in Nachtschwarz und Bernstein. Keine einzige Anweisung zum Aussehen: keine Farbe, keine Schrift, kein Eckenradius. Beide Sections kamen heraus, als wären sie dort geboren. Das hat die Generierung gelesen, ohne dass es jemand geschrieben hätte. ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97537210-67921484.jpg?v=1785501417.4541397) **Prompt teardown, Episode 4.** Die Serie, in der wir Prompts des AI Extension Builders auseinandernehmen, um zu lesen, was sie wirklich auslösen: was jeder Satz bewirkt, welche Entscheidungen die Generierung trifft, ohne dass man sie ihr diktiert, was die Section kann, sobald sie steht. Heute: ein einziger Prompt, zweimal eingefügt in zwei fiktive Demo-Apps — und eine Frage, die ihm nie gestellt wurde: Wie soll die Section aussehen? ## Ein Prompt, der zum Stil schweigt Die gewünschte Section heißt «Today & tomorrow»: das Programm der nächsten zwei Tage, gelesen aus dem Kalender der App, mit einem Tab zum Umschalten; Besucher pinnen, was sie nicht verpassen wollen, und die App merkt sich diese Auswahl von Besuch zu Besuch. Der Prompt — er steht am Ende dieses Artikels — beschreibt diese Nutzung, und sonst nichts. Lesen Sie ihn noch einmal: Er enthält kein einziges Wort über das Aussehen. Wir haben ihn in zwei Apps eingefügt, die einander den Rücken zukehren. «Pastries' House», eine fiktive Patisserie: cremefarbener Hintergrund, eine Schrift voller Rundungen, Bonbonrosa und Schokolade. «Radio Alba», ein fiktiver Lokalsender: Nachtbildschirm, weiße Titel, Bernstein und Rot. Hätte die Generierung nur den Prompt zum Arbeiten, müssten beide Sections identisch herauskommen. ## In der Patisserie ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97537210-67921486.jpg?v=1785501418.5261447) Bei «Pastries' House» kommt die Section in Creme: weiße Karten auf dem Hintergrund der App, goldene Uhrzeiten, Pins und Tabs in Bonbonrosa — zwei abgerundete Pillen, «Today» und «Tomorrow», die die Grammatik der Navigationsleiste aufnehmen. Die angezeigten Events sind die echten: die Backrunden und Workshops aus dem Kalender der App, samt Vorschaubildern. Die gepinnte Auswahl richtet sich unten ein, in einer Leiste «Pinned for later» — und weil sie allein dem Besucher gehört, lebt sie auf seinem Telefon, bei jedem Besuch wieder da, ohne Konto und ohne Rückfragen. ![Die generierte Section in der Patisserie-App: Wechsel zwischen den zwei Tagen, ein Event wird gepinnt, die Liste füllt sich](https://assets.ww-cdn.com/blog/houseofpastries_todaytomorrow.gif) ## Im Radiosender ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97537210-67921487.jpg?v=1785501419.5181494) Bei «Radio Alba»: derselbe Prompt, ein anderes Temperament. Die Section kommt dunkel heraus: anthrazitfarbene Karten, Daten und Uhrzeiten in Bernstein, der aktive Tab in Rot — die Akzente des Senders, nicht die der Patisserie. Und es ist nicht dieselbe Section, nur umlackiert: Auch das Layout ändert sich. Die Uhrzeit rückt an den rechten Rand der Karte, die zwei Tabs sitzen in einem kompakten Umschalter, die ganze Karte reagiert auf den Fingertipp zum Pinnen. Bis hin zum Untertitel, von der Generierung geschrieben und von App zu App verschieden: «What's happening now and next» hier, «See what's on, and keep a short list…» dort. Zwei Apps, zwei Gewänder, zwei Interpretationen — und noch immer null Stilvorgaben im Prompt. ## Was die Generierung gelesen hat Der Prompt, den Sie schreiben, ist nicht der einzige Text, den die Generierung erhält. Bei jeder Anfrage legt die Plattform den visuellen Steckbrief Ihrer App bei: die Palette, Rolle für Rolle — der Hintergrund, die Flächen, die Farbe der Aktionen, die der Titel, die Trennlinien — mit einer einfachen Vorgabe: Die Section soll aussehen, als wäre sie in dieser App geboren. Deshalb landet das Bonbonrosa auf den Pins der Patisserie und das Rot auf dem aktiven Tab des Senders: Jede hat ihren eigenen Steckbrief gelesen. Im [Artikel, der den AI Extension Builder vorstellte](https://de.goodbarber.com/blog/ai-extension-builder-sektionen-mit-ki-erstellen-ohne-zu-programmieren-a1341/), sagte Jerome es in einem Satz: Der Gesamtstil der App — Farben, Abstände, Kontraste — folgt automatisch. Der unsichtbare Teil des Prompts ist genau das. Und er hört beim Stil nicht auf: Wenn Ihre Beschreibung eine Section der App beim Namen nennt — hier «Events» —, erhält die Generierung auch das Nötige, um sie zu lesen. Deshalb ist das angezeigte Programm das echte, Vorschaubilder inklusive. Und wenn Sie den Code selbst pflegen müssten? Diese Arbeit hat einen Namen: ein Styleguide, der in Variablen zu übersetzen ist, jede Komponente, die durchzugehen ist — und beim ersten Rebranding alles noch einmal. Hier wird sie bei jeder Generierung neu erledigt, ohne eine Zeile Ihres Prompts zu belegen. Fügen Sie denselben Prompt morgen in eine dritte App ein: Dann liest die Generierung deren Steckbrief. ## Was sich nicht bewegt ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97537210-67921489.jpg?v=1785501420.5861545) Nicht alles folgt dem Design der App, und das ist gewollt. Die Signaturschrift der Patisserie — diese verspielten, runden Titel — bleibt den nativen Screens vorbehalten; generierte Sections schreiben in der Systemschrift, dem nativen Register jedes Telefons, überall gut lesbar. Dasselbe gilt für das Fundament: bequeme Tippflächen, ausreichende Kontraste, Ladezustände und leere Screens von Anfang an mitgedacht. Dieser Teil wird im Prompt nicht verhandelt — er schützt die Section, und Ihre Nutzer, ganz gleich in welcher App. Am deutlichsten wird es, wenn man zwei Screens derselben App nebeneinanderlegt: den nativen Kalender der Patisserie — rosa Banner, Hausschrift — und die generierte Section. Gleiche Inhalte, gleiche Vorschaubilder, zwei typografische Register — und ein einziges Haus. ## Der vollständige Prompt Hier ist er, genau so eingefügt, zweimal, ohne eine Zeile mehr: Create a "Today & tomorrow" section for this app. It shows what's happening today and tomorrow, using the events from the app's "Events" section. Visitors switch between the two days, tap an event to pin it to their personal shortlist, and see their shortlist at a glance. Remember the shortlist between visits. Zwischen den beiden Ergebnissen hat sich kein Zeichen des Prompts geändert. Nur die App hat sich geändert — und die App hat das ganze Styling gemacht. ## Sie sind dran Nehmen Sie diesen Prompt, ersetzen Sie «Events» durch den Namen einer Section Ihrer App, und fügen Sie ihn ein: Die Section kommt bei Ihnen zu Hause heraus, in Ihren Farben. Dann die Gegenübung: Verlangen Sie eine bewusste Abweichung — einen Pin-Button, der nicht zu übersehen ist, einen Block, der sich vom Rest abhebt — und beobachten Sie, was sich bewegt und was hält. Es gibt keinen besseren Weg zu spüren, wo Ihr Prompt endet und wo beginnt, was die Plattform von selbst liest. Die erste Episode der Serie nahm eine Section auseinander, die sich einen Parkplatz merkt und nach GPS und Maps des Telefons greift: [Prompt teardown: GPS, Speicher und Maps aus einem einzigen Satz](https://de.goodbarber.com/blog/prompt-teardown-gps-speicher-und-maps-aus-einem-einzigen-satz-a1404/). Und das [Sommerquiz der Schwesterserie](https://de.goodbarber.com/blog/klau-dir-diese-idee-ein-ki-gebautes-sommer-film-quiz-das-dein-publikum-wirklich-teilt-a1403/) zeigte bereits denselben Reflex: in einer App generiert, von ihr eingekleidet. Der AI Extension Builder ist in der Beta, offen für alle: [Erstellen Sie eine App mit GoodBarber](https://de.goodbarber.com/create/) und beschreiben Sie Ihre erste Section. ## FAQ **Muss ich das Design meiner App im Prompt beschreiben?** Nein. Die Palette der App wird bei jeder Generierung gelesen, ohne dass Sie sie wiederholen müssen: Beschreiben Sie die Nutzung, der Stil folgt. Wenn Sie das Aussehen lenken wollen — eine Stimmung, ein Detail, das Ihnen wichtig ist —, sagen Sie es wie alles andere: Ihre Beschreibung bleibt die Spezifikation. **Was passiert mit der Section, wenn ich das Design meiner App später ändere?** Das Gewand einer Section wird im Moment ihrer Generierung festgelegt. Nach einem Redesign bitten Sie einfach um eine Iteration — «passe die Section an das neue Design an» — und die Generierung liest den Steckbrief der App neu, jetzt auf aktuellem Stand. **Kann ich eine Section wollen, die sich vom Rest der App abhebt?** Ja. Die gewünschte Abweichung beschreiben Sie wie jede andere Anforderung: ein Werbeblock, der kontrastieren soll, ein Button, der den Screen dominieren soll. Die Generierung geht immer von der Identität der App aus — Ihr Satz definiert die Abweichung, und das Fundament der Lesbarkeit bleibt bestehen. **Warum verwendet die Section nicht die Schrift meiner Titel?** Generierte Sections schreiben in der Systemschrift des Telefons: dem Register nativer Oberflächen, lesbar und konsistent auf iOS wie auf Android. Ihre Signaturschrift bleibt die Ihrer nativen Screens — beide leben in derselben App zusammen, jede an ihrem Platz. ![Dominique Siacci](https://blog.goodbarber.com/_public/profile/ca/ca3512f4dfa95a03169c5a670a4c91a19b3077b4-default.jpg) Über den Autor[Dominique Siacci](https://de.goodbarber.com/blog/author/dominique-siacci/)CTO Mitgründer und CTO von GoodBarber. Ich verantworte die technische Vision des Produkts: Architektur, Infrastruktur und seit Kurzem die Integration von KI in den Kern der Plattform. Als Entwickler aus Leidenschaft bleibe ich nah am Code und an den Engineering-Entscheidungen, die es Tausenden von GoodBarber-Nutzern ermöglichen, ihre Apps zu veröffentlichen, ohne eine einzige Zeile Code zu schreiben. [Mehr erfahren](https://de.goodbarber.com/blog/author/dominique-siacci/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://fr.linkedin.com/in/dsiacci/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://twitter.com/dsiacci)[![Facebook](https://portal.ww-cdn.com/portal_static/svg/base2021/fb.be37c82b8283.svg)](https://www.facebook.com/dsiacci)