Meditation Timer

Baut einen Meditations-Timer als PWA mit Naturklängen, Atemanimation und Sitzungsstatistik.

Der Prompt

Build a mindfulness meditation timer using HTML5, CSS3, and JavaScript. Create a serene, distraction-free interface with nature-inspired design. Implement customizable meditation sessions with preparation, meditation, and rest intervals. Add ambient sound options including nature sounds, binaural beats, and white noise. Include guided meditation with customizable voice prompts. Implement interval bells with volume control and sound selection. Add session history and statistics tracking. Create visual breathing guides with animations. Support offline usage as a PWA. Include dark mode and multiple themes. Add session scheduling with reminders.

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

Lässt eine vollständige Meditations-App mit HTML5, CSS3 und JavaScript erzeugen: Vorbereitungs-, Meditations- und Ruhephasen, Ambient-Sounds (Naturklänge, Binaural Beats, weißes Rauschen), geführte Meditation mit Sprachansagen, Intervallglocken, Sitzungsverlauf und Statistik, animierte Atemführung, Offline-Nutzung als PWA sowie Dark Mode. Gut geeignet für Entwickler, die ein funktionsreiches Frontend-Projekt als Startpunkt wollen, statt bei null zu beginnen. Der Funktionsumfang ist sehr ambitioniert – realistisch liefert ein Modell zunächst ein Grundgerüst, nicht alle Features fertig ausimplementiert, besonders Audio, PWA-Offline-Cache und Sprachsynthese brauchen meist mehrere Nacharbeitsrunden.

Praxis-Tipp

Nicht alles auf einmal verlangen – erst das Timer-Grundgerüst bauen lassen, dann Sounds, PWA-Funktion und Statistik in separaten Folgeprompts ergänzen.

Lizenz & Quelle

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

Lade …