习惯追踪应用开发
开发一个基于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 对话工具中
- 根据实际需求调整提示词中的具体参数
- 可以多次迭代优化以获得更好的结果
