--- title: "Klau dir diese Idee: ein KI-gebautes Sommer-Film-Quiz, das" description: "Ein Persönlichkeits-Quiz — « Which 2026 Summer Blockbuster Is Your Vibe? » — komplett erstellt, indem es dem AI Extension Builder von GoodBarber beschrieben wur" canonical_url: "https://de.goodbarber.com/blog/klau-dir-diese-idee-ein-ki-gebautes-sommer-film-quiz-das-dein-publikum-wirklich-teilt-a1403/" lang: de date: 2026-07-18 last_updated: 2026-07-18 --- # Klau dir diese Idee: ein KI-gebautes Sommer-Film-Quiz, das [Zurück](/blog/mach-es-r13/) # Klau dir diese Idee: ein KI-gebautes Sommer-Film-Quiz, das dein Publikum wirklich teilt Written by [Dumè Siacci](https://de.goodbarber.com/blog/author/dominique-siacci/) on Samstag 18 Juli 2026 ## Sechs Blockbuster kämpfen diesen Sommer um die Aufmerksamkeit aller. So machst du daraus Engagement in deiner App: ein Persönlichkeits-Quiz — « Which 2026 Summer Blockbuster Is Your Vibe? » — komplett erstellt, indem es dem AI Extension Builder von GoodBarber beschrieben wurde. Ein Prompt rein, eine veröffentlichungsreife Section raus. Dieser Artikel liefert dir alles: was das Quiz kann, warum das Format in Content-Apps so gut funktioniert, und den exakten Prompt, den wir benutzt haben — geschrieben, damit du ihn klauen, umgestalten und zu deinem machen kannst. ## Das Quiz ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97379086-67825382.jpg?v=1784295587.827428) Alles beginnt mit einem markanten Intro-Screen: sechs farbcodierte Mood-Kacheln — originale Farben und Icons, keine Poster, kein Studio-Material — und ein Versprechen: *6 Blockbuster laufen diesen Sommer im Kino — 7 schnelle Fragen, um deinen zu finden.* Dann sieben Fragen — und keine davon handelt von Filmen. Das ist das Geheimnis eines Persönlichkeits-Quiz: Es geht um *dich*. „Freitagabend — was ist der Plan?“ „Wähl deinen Sommer-Soundtrack.“ Vier antippbare Antworten pro Frage, ein Fortschrittsbalken, weiche Übergänge, ein kurzes „calculating your vibe…“ — und dann die Auflösung: dein Film, dein Persona („The Explorer“, „The Trendsetter“, „The Big Kid“…), eine personalisierte Beschreibung in der Akzentfarbe des Films, plus eine Runner-up-Zeile, weil jeder ein bisschen zwei Dinge zugleich ist. Zwei Buttons schließen den Kreis. **Teilen** kopiert einen fertigen Satz in die Zwischenablage — *„I got Project Hail Mary — The Explorer! Which 2026 summer blockbuster is your vibe? 🎬“* — und **Nochmal**, weil der halbe Spaß darin besteht, wie dein bester Freund zu antworten. ## Warum sich dieses Format seinen Platz in deiner App verdient ![Personality quiz prompt example](https://assets.ww-cdn.com/blog/gif_personality.gif) Persönlichkeits-Quizze sind aus gutem Grund das Arbeitspferd des Pop-Journalismus. Sofort verständlich, seltsam unwiderstehlich, zum Teilen gebaut — eine Ergebnis-Karte ist ein Screenshot, der nur darauf wartet zu entstehen, und jedes Teilen trägt deine App zu jemand Neuem. Und weil es eine Section *in* deiner App ist — kein Embed von irgendeiner Quiz-Website — erbt sie alles, was deine App schon hat: dein Design-System, deine Navigation, dein Publikum. Das Engagement passiert in deinem Produkt, nicht in dem von jemand anderem. ## Der Prompt — klau ihn dir Hinter diesem Quiz steckt keine einzige Zeile Code: nur ein geschriebenes Briefing, übergeben an den AI Extension Builder. Hier ist es — mit Absicht lang (der Flow, die Regeln, die Garantien), im englischen Original, fürs Lesen leicht umformatiert: Build "Which 2026 Summer Blockbuster Is Your Vibe?" — a self-contained personality quiz as a full-screen mobile widget (portrait) for a media app section. The user answers a short series of mood-based questions and gets matched to one of this summer's blockbusters, with a shareable result. It must feel like a slick, modern pop-culture quiz — instantly understandable, fun, fast, and polished. Core format: a personality quiz (not a trivia game) — 7 mood/lifestyle questions, each with 4 tappable answers; each answer adds weighted points to one or more of 6 movie "profiles"; at the end, the highest-scoring movie is the user's match. Flow: intro screen → 7 questions (with a progress bar) → a short "calculating your vibe" reveal → personalized result → share + retake. The 6 possible results (movie → persona → vibe → accent color): Michael → "The Soulful Nostalgic" — emotional, music-loving, moved by legends and larger-than-life spectacle — gold. Toy Story 5 → "The Big Kid" — warm, playful, family-first, here for the feel-good and the happy tears — primary blue + red. Project Hail Mary → "The Explorer" — curious, brainy, adventurous, obsessed with big what-if ideas and the unknown — deep-space teal. Backrooms → "The Thrill-Seeker" — bold, internet-native, loves a good scare and a mystery — eerie fluorescent yellow-green. The Devil Wears Prada 2 → "The Trendsetter" — stylish, ambitious, witty, lives for glamour and a little drama — chic black + red. The Mandalorian & Grogu → "The Adventurer" — loyal, action-loving, escapist, always up for a quest — desert sand + steel. Questions: personality/vibe questions about the PLAYER — never movie trivia — each answer mapped to 1–2 movies. Examples to set the tone: "It's Friday night — what's the plan?" → cozy movie marathon with people I love (Toy Story 5 / Michael) · something that gets my heart racing (Backrooms) · a night out where I'm the best-dressed in the room (Devil Wears Prada 2) · getting lost in a wild what-if (Project Hail Mary / Mandalorian). "Pick your summer soundtrack:" → iconic hits everyone knows by heart (Michael) · an epic orchestral score (Project Hail Mary / Mandalorian) · a playful feel-good sing-along (Toy Story 5) · something dark and pulsing (Backrooms). "Your dream getaway is…" → a nostalgic trip revisiting old favorites (Michael) · a theme park with the whole family (Toy Story 5) · backpacking somewhere no one's heard of (Mandalorian / Project Hail Mary) · front row at fashion week (Devil Wears Prada 2). Create 7 total in this voice, each with 4 answers, each answer clearly tagged to its movie(s). Scoring logic (make it work reliably): keep a score for each of the 6 movies, starting at 0; each answer adds +2 to its primary movie and +1 to a secondary movie where relevant; result = the movie with the highest total; use a fixed deterministic tie-break order (the list order above) so there's never a crash or a blank result; balance the answer weights so EVERY one of the 6 results is genuinely reachable — no dominant result, no dead one; nice touch: also surface the runner-up ("You're also a bit of a [persona]"). Screens: 1) intro/hero — bold title "Which 2026 Summer Blockbuster Is Your Vibe?", a one-line hook ("6 blockbusters are in theaters this summer — 7 quick questions to find yours."), a row of 6 poster-less "mood tiles" (emoji + color only), and a big "Start the quiz" button; 2) question screen — progress indicator (Question X of 7 + progress bar), the question, 4 answer cards (emoji + short label), smooth transition to the next; 3) reveal — a brief (~1–1.5s) "Calculating your vibe…" build-up; 4) result — big reveal ("Your summer blockbuster is: [MOVIE]"), the persona label, a 2–3 line personalized description that references the user's dominant traits, themed to that movie's accent color, an "In theaters now" tag, the runner-up line, plus Share and Retake buttons. Share & virality: the Share button copies a ready-made line to the clipboard (and uses the Web Share API when available): "I got [MOVIE] — [persona]! Which 2026 summer blockbuster is your vibe? 🎬"; make the result card clean and screenshot-friendly. Art direction: modern pop-culture / editorial-listicle look — big bold type, punchy colors, playful, high contrast, very readable on mobile; each result has its own accent color theme and an original emoji/CSS/SVG mood icon; answer cards rounded, tappable, with clear press states; smooth question-to-question transitions and an animated progress bar; mobile-first, portrait, thumb-friendly. Animations & juice: tap feedback on answer cards, slide/fade between questions, progress-bar fill; result reveal with a short build-up then a confetti/pop moment themed to the accent color; keep it smooth (60fps), subtle, never janky. Sound & haptics (optional, non-blocking): soft click on tap, a little fanfare on the reveal, navigator.vibrate on select/reveal, include a mute toggle — always pleasant, never required. Technical constraints: 100% self-contained single widget — NO external CDN, libraries, fonts, or images; works fully offline; plain HTML/CSS/JS; mobile-first portrait, responsive, fills the section full-screen; lightweight and fast; no data leaves the device (last result stored only in localStorage); robust — handle rapid taps, no dead-ends, Retake fully resets state, no memory leaks, always renders a valid result. IP-safe rules (important): reference the movie titles by name only, as editorial/fan content; do NOT reproduce official logos, posters, stills, character likenesses, brand fonts, or any copyrighted imagery — all visuals must be original (emoji, CSS shapes, simple SVG); keep result descriptions mood/personality-based; avoid hard factual claims. Language & tone: all user-facing text in ENGLISH — fun, punchy, pop-culture-magazine voice ("Let's find your vibe", "Plot twist…", "Your summer main character is…") — light, warm, and shareable. Wenn du ihn adaptierst: Vier Teile leisten fast die ganze Arbeit — behalte sie: **1. Verlange Garantien, nicht nur Features.** Das Briefing erklärt nie, wie das Scoring zu programmieren ist. Es benennt, was immer wahr sein muss: *eine feste Tie-Break-Reihenfolge, damit es nie ein leeres Ergebnis gibt*, *jedes der sechs Ergebnisse wirklich erreichbar*, *schnelles Tippen darf den Flow nicht brechen*. Beschreibe die Invarianten; der Builder schreibt den Code. **2. Benenne den Flow, Screen für Screen.** Intro, Fragen, Auflösung, Ergebnis: Der Prompt benennt jeden Screen und was er enthalten muss. Du schreibst keinen Code — du schreibst das Storyboard, und der Builder baut danach. **3. Denke den Screenshot gleich mit.** „Eine saubere, screenshot-taugliche Ergebnis-Karte“ ist eine Anweisung, kein Zufall. Wenn du Shares willst, bestell Teilbarkeit. **4. Kodiere die rechtlichen Regeln.** Echte Titel, redaktionell zitiert — und ein explizites Verbot von Logos, Postern, Filmbildern und Figuren. Alle Visuals original. Der Prompt ist der Ort, an dem „Fan-Redaktion, keine Rechtsverletzung“ entschieden wird. *Volle Transparenz: Claude hat mir geholfen, meine Gedanken zu ordnen und diesen Prompt zu schreiben. Mach es genauso — zu beschreiben, was man will, ist nämlich auch etwas, worin KI richtig gut hilft.* ## Mach es zu deinem Die Filme sind saisonal; die Maschine nicht. Tausche sechs Blockbuster gegen sechs Reiseziele, sechs Rezepte, sechs Trainingsstile, sechs Weine, sechs Stadtviertel — die Mechanik (Mood-Fragen, gewichtete Antworten, Auflösung, Teilen) bleibt gleich, und das Gerüst des Prompts auch. Genau das ändert Prompt-to-Section für redaktionelle Formate: Sie werden zu etwas, das man für einen Moment startet — nicht zu etwas, das man ein Quartal im Voraus plant. Ein Quiz zu den Sommer-Releases. Eins zur Award-Saison. In Rente geschickt, wenn der Moment vorbei ist, neu generiert, wenn der nächste kommt. Ein Tipp, wenn du saisonal gehst: Schreib zuerst die sechs Ergebnisse — Persona-Name, zwei Zeilen Stimmung, Akzentfarbe — bevor du die Fragen anfasst. Die Fragen sind leicht, sobald die Personas scharf sind; sechs scharfe Personas sind das ganze Quiz. ## Zum Weiterlesen - [Spiel mit Rangliste in Ihrer App – ohne Code](https://de.goodbarber.com/blog/spiel-mit-rangliste-in-ihrer-app-ohne-code-a1399/) — der wildere Cousin dieses Builds. - [We let an AI write code inside our no-code platform — generating it was the easy part](https://dev.to/goodbarber/we-let-an-ai-write-code-inside-our-no-code-platform-generating-it-was-the-easy-part-1p65) — das Engineering, das generierte Sections sicher veröffentlichbar macht, auf dev.to. - [Der AI Extension Builder](https://de.goodbarber.com/extensions/ai-extension-builder/) — baue maßgeschneiderte Sections, indem du sie beschreibst. In der Beta, offen für alle. ## Du bist dran Bring dem Extension Builder das Feature, das dir kein Katalog jemals anbieten wird — ein Quiz für deine Nische, einen Rechner für deinen Service, einen Countdown für deine Saison. Beschreib es, wie du einen Kollegen briefen würdest: der Flow, die Regeln, die Garantien. Was sich beschreiben lässt, kann heute Nachmittag eine Section deiner App sein. ## Kurz gefasst **Muss ich programmieren können, um dieses Quiz zu bauen?** Nein. Alles, was hier beschrieben ist — Flow, Scoring, Animationen, Teilen — entstand aus dem geschriebenen Briefing oben, übergeben an den AI Extension Builder von GoodBarber. Gutes Prompten ist Produktdenken, kein Programmieren. **Darf ich echte Filmtitel in meiner App nennen?** Redaktionelle Nennungen — so wie ein Magazin über die Sommer-Releases schreibt — sind gängige Fan-Content-Praxis, und der Prompt verbietet alles darüber hinaus: keine Logos, Poster, Filmbilder oder Figuren. Für deinen konkreten Fall frag deine Rechtsberatung. **Passt das Quiz zum Look meiner App?** Ja. Die Section wird in deiner GoodBarber-App generiert und mit deinen Farben thematisiert — sie landet in deinem Design-System, nicht daneben. ![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)