Product GrowthTextIntermediate

Mindfulness Meditation Timer

A comprehensive mindfulness meditation timer with serene nature-inspired design, customizable session stages, ambient sounds, visual breathing guides, offline PWA support, and statistics.

Prompt Content

Copy and paste directly into your model or internal evaluation tool.

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.

Use Cases

For daily meditation practice and focus sessionsTo manage work breaks and improve productivityFor mindfulness courses or relaxation training

Reference Output

A browser-accessible HTML page with timer, settings panel, sound buttons, breathing animation, history, and reminders.

Scoring Rubric

Feature completeness: Are all expected features implemented?; Aesthetics: Is the design serene and natural?; Technical quality: Is the code clean and performant?; PWA support: Does it truly work offline?