Agent Skills
返回列表
待办事项 Web 应用生成器

待办事项 Web 应用生成器

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_1edca653/todo-list-0421。

技能介绍

问题背景

做一个 Todo 应用看似简单，真正落地时通常会卡在几个细节上：任务字段是否包含优先级和截止日期、界面是否能适配移动端、数据是否保存在本地、后续能否批量导入导出。这个技能把这些问题收敛成一套可生成的模板与脚本，面向需要快速交付前端待办页的开发场景。

工作方式

核心流程以脚本驱动：scripts/generate_todo_app.py 负责生成完整的 HTML、CSS 与 JavaScript 代码，支持自定义标题与配色；生成页面包含任务增删改查、完成状态、优先级和截止日期等字段。scripts/todo_manager.py 提供命令行数据管理，可从 JSON 导入、导出，并支持批量添加、删除、更新与统计报告。部署方式很轻：在浏览器打开生成的 HTML 文件即可使用，无需第三方依赖。

需要注意边界：数据写入浏览器 LocalStorage，清缓存或换浏览器会丢失；没有后端、登录态或跨设备同步；批量导入需要符合 references/data_format.md 约定；扩展高级功能时依赖模板与参考文档，不适合直接当作高可用服务使用。

使用场景

  • 前端开发接到一个轻量任务页需求，需要快速生成可离线打开的 Todo HTML 应用。
  • 测试同学要验证任务优先级和截止日期字段，生成带这些字段的响应式待办页面。
  • 运营准备把任务清单从 JSON 导入生成的待办应用，并用命令行导出备份。
  • 独立开发者需要给客户演示无后端的本地任务管理工具，部署只靠浏览器打开 HTML。

适合人员

  • 需要快速交付轻量前端页的 Web 开发：拿到能运行、可自定义样式的 Todo 应用。
  • 要管理任务清单 JSON 数据的运营：完成批量导入、导出和统计报告。
  • 做工具演示的独立开发者：展示无后端、本地持久化的任务管理界面。
  • 准备课程示例的前端教师：生成包含 CRUD 与本地存储的教学页面。