Habit Tracker

Fordert eine komplette Gewohnheits-Tracker-Web-App mit Streaks, Statistiken und Gamification an.

Der Prompt

Create a habit tracking application using HTML5, CSS3, and JavaScript. Build a clean interface showing daily, weekly, and monthly views. Implement habit creation with frequency, reminders, and goals. Add streak tracking with visual indicators and milestone celebrations. Include detailed statistics and progress graphs. Support habit categories and tags for organization. Implement calendar integration for scheduling. Add data visualization showing patterns and trends. Create a responsive design for all devices. Include data export and backup functionality. Add gamification elements with achievements and rewards.

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 fordert eine komplette Gewohnheits-Tracker-App aus HTML, CSS und JavaScript an – mit Tages-, Wochen- und Monatsansicht, Routinen inklusive Häufigkeit, Erinnerungen und Zielen, Streak-Anzeigen, Statistiken und Fortschrittsgrafiken. Dazu kommen Kategorien, Tags, Kalenderintegration, responsives Design, Datenexport sowie Gamification-Elemente wie Erfolge. Die Stärke liegt im sehr umfassenden Anforderungskatalog, der einem die Konzeptarbeit abnimmt. Ehrlich gesagt ist so eine Feature-Liste für die KI auf einen Schlag zu viel: Ein sauberer Prototyp mit Kernfunktionen ist realistisch, komplexe Teile wie Kalendersynchronisation oder stabile Datenspeicherung brauchen Nachschärfung. Ideal als Startpunkt für eigene Web-Apps oder zum Lernen, wie man Feature-Wünsche strukturiert.

Praxis-Tipp

Streiche den Prompt vor dem Einsatz auf das Wesentliche – z. B. nur „Tagesansicht, Streaks, localStorage“ – sonst liefert die KI halbgaren Code für zu viele Funktionen zugleich.

Siehe auch

• Architect Guide for Programmers

Lizenz & Quelle

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

Lade …