Interactive Quiz

Detaillierte Spezifikation für eine reine Frontend-Quiz-App mit Timer, Punktesystem und lokalem Highscore.

Der Prompt

Develop a comprehensive interactive quiz application with HTML5, CSS3 and JavaScript. Create an engaging UI with smooth transitions between questions. Support multiple question types including multiple choice, true/false, matching, and short answer with automatic grading. Implement configurable timers per question with visual countdown. Add detailed score tracking with points based on difficulty and response time. Show a dynamic progress bar indicating completion percentage. Include a review mode to see correct/incorrect answers with explanations after quiz completion. Implement a persistent leaderboard using localStorage. Organize questions into categories with custom icons and descriptions. Support multiple difficulty levels affecting scoring and time limits. Generate a detailed results summary with performance analytics and improvement suggestions. Add social sharing functionality for results with customizable messages.

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

Dieser Prompt ist weniger eine Rollenanweisung als ein vollständiges Lastenheft für eine Quiz-Anwendung: mehrere Fragetypen (Multiple-Choice, Wahr/Falsch, Zuordnung, Kurzantwort), automatische Bewertung, konfigurierbare Timer, Punktesystem nach Schwierigkeit und Antwortzeit, Fortschrittsbalken, Review-Modus und ein per localStorage gespeichertes Leaderboard. Alles läuft rein im Browser mit HTML, CSS und JavaScript — ohne Backend, ohne Mehrspieler-Funktion. Gut geeignet für Lern-Apps, interne Trainings-Tools oder Portfolio-Projekte mit einem einzelnen Nutzer. Für echten Mehrspieler-Betrieb mit mehreren gleichzeitigen Teilnehmern reicht dieser Ansatz nicht aus.

Praxis-Tipp

Wenn Sie nur einen Teil der Features brauchen (z. B. ohne Zuordnungsfragen oder ohne Social-Sharing), streichen Sie die entsprechenden Sätze aus dem Prompt — sonst baut die KI unnötig viel Funktionsumfang.

Lizenz & Quelle

• Lizenz: CC0-1.0 (Public Domain)
• Quelle: awesome-chatgpt-prompts (GitHub)

Lade …