正念冥想计时器开发
开发基于HTML5、CSS3、JS的正念冥想计时器,包含多主题界面、自定义阶段设置、多样音效系统、呼吸引导、数据统计和PWA离线功能,确保简洁无干扰的设计。
提示词内容
构建一个基于HTML5、CSS3和JavaScript的正念冥想计时器。具体要求如下: 1. 界面设计 - 采用宁静、无干扰的自然风格界面设计 - 支持深色模式和多种主题切换 2. 冥想时段设置 - 可自定义冥想时段结构,包含: • 准备阶段 • 冥想阶段 • 休息阶段 3. 声音系统 - 提供多种环境音效: • 自然声音 • 双耳节拍 • 白噪音 - 可定制语音引导功能 - 间隔提醒钟声功能: • 可调节音量 • 可选音效 4. 辅助功能 - 动态呼吸引导动画 - 可视化的呼吸指导 5. 数据功能 - 冥想记录统计 - 会话历史追踪 6. 高级功能 - 支持渐进式网页应用(PWA)离线使用 - 提供冥想计划安排 - 支持提醒功能 技术实现要求: - 使用HTML5构建基础结构 - 采用CSS3实现界面样式和动画 - 使用JavaScript实现核心功能逻辑 - 确保响应式设计适配不同设备 - 遵循无障碍访问标准 注意:所有功能实现需保持界面简洁,避免不必要的视觉元素干扰用户冥想体验。
使用说明
- 点击"复制提示词"按钮复制完整内容
- 粘贴到 ChatGPT、Claude 或其他 AI 对话工具中
- 根据实际需求调整提示词中的具体参数
- 可以多次迭代优化以获得更好的结果
