习惯追踪应用开发

开发一个基于HTML5/CSS3/JS的响应式习惯追踪应用,包含习惯创建、打卡系统、数据分析和游戏化元素,支持多视图切换、数据可视化和PWA安装。
构建一个基于HTML5、CSS3和JavaScript的习惯追踪应用。具体要求如下:

1. 界面设计
- 采用简洁UI布局
- 提供日/周/月视图切换功能
- 实现响应式设计(适配所有设备)

2. 核心功能模块
- 习惯创建系统
  * 支持设置执行频率(每日/每周等)
  * 提醒功能配置
  * 目标设定与进度追踪
- 连续打卡系统
  * 可视化打卡进度条
  * 里程碑达成特效
  * 连续记录标识

3. 数据分析功能
- 详细数据统计面板
- 动态进度图表生成
- 行为模式可视化分析
  * 时段分布热力图
  * 趋势变化折线图

4. 管理功能
- 习惯分类标签系统
- 日历日程集成
  * 支持iCal等标准协议
- 数据备份方案
  * 导出CSV/JSON格式
  * 云端同步接口预留

5. 交互增强
- 游戏化元素
  * 成就系统
  * 虚拟奖励机制
- 数据可视化
  * 使用Chart.js/D3.js等库
  * 生成环形图/柱状图

6. 技术要求
- 前端架构
  * 采用模块化JavaScript
  * 使用LocalStorage暂存
  * 实现SPA路由切换
- 样式规范
  * 符合CSS3动画标准
  * 适配Dark Mode
  * 确保WCAG可访问性

7. 扩展接口
- 预留REST API对接点
- 设计插件架构
- 支持PWA安装

使用说明

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