待办清单应用提示词
编程3.3万
原生JS打造的现代待办事项网页
A modern responsive todo app in vanilla JavaScript
提示词全文
使用 HTML5、CSS3 和原生 JavaScript 创建一个响应式待办应用。应用应使用 CSS Grid/Flexbox 拥有现代、简洁的 UI 和直观的控件。实现完整的 CRUD 功能(添加/编辑/删除/完成任务),带平滑动画。包含带颜色编码和优先级(低/中/高)的任务分类。添加带日期选择器组件和提醒通知的截止日期。使用 localStorage 在会话间持久保存数据。实现带状态、分类和日期范围筛选器的搜索功能。使用 HTML5 拖放 API 添加任务的拖放重新排序。使用媒体查询确保设计完全响应式,具有适当的断点。包含尊重用户系统偏好的深色/浅色主题切换。添加细微的微交互和过渡以提升用户体验。
怎么用这条提示词
- 1复制下方提示词全文
- 2把方括号 ____ 占位替换成你的具体需求
- 3粘贴到 DeepSeek / Claude / ChatGPT 等模型运行