正念冥想计时器开发

开发基于HTML5、CSS3、JS的正念冥想计时器,包含多主题界面、自定义阶段设置、多样音效系统、呼吸引导、数据统计和PWA离线功能,确保简洁无干扰的设计。
构建一个基于HTML5、CSS3和JavaScript的正念冥想计时器。具体要求如下:

1. 界面设计
- 采用宁静、无干扰的自然风格界面设计
- 支持深色模式和多种主题切换

2. 冥想时段设置
- 可自定义冥想时段结构,包含:
  • 准备阶段
  • 冥想阶段
  • 休息阶段

3. 声音系统
- 提供多种环境音效:
  • 自然声音
  • 双耳节拍
  • 白噪音
- 可定制语音引导功能
- 间隔提醒钟声功能:
  • 可调节音量
  • 可选音效

4. 辅助功能
- 动态呼吸引导动画
- 可视化的呼吸指导

5. 数据功能
- 冥想记录统计
- 会话历史追踪

6. 高级功能
- 支持渐进式网页应用(PWA)离线使用
- 提供冥想计划安排
- 支持提醒功能

技术实现要求:
- 使用HTML5构建基础结构
- 采用CSS3实现界面样式和动画
- 使用JavaScript实现核心功能逻辑
- 确保响应式设计适配不同设备
- 遵循无障碍访问标准

注意:所有功能实现需保持界面简洁,避免不必要的视觉元素干扰用户冥想体验。

使用说明

  • 点击"复制提示词"按钮复制完整内容
  • 粘贴到 ChatGPT、Claude 或其他 AI 对话工具中
  • 根据实际需求调整提示词中的具体参数
  • 可以多次迭代优化以获得更好的结果