待办事项清单
使用 HTML5、CSS3 和 vanilla JavaScript 创建响应式待办事项应用程序。该应用程序应该具有现代、干净的 UI，使用 CSS Grid/Flexbox 和直观的控件。通过流畅的动画实现完整的 CRUD 功能（添加/编辑/删除/完成任务）。包括带有颜色编码和...
提示词（中文）
使用 HTML5、CSS3 和 vanilla JavaScript 创建响应式待办事项应用程序。该应用程序应该具有现代、干净的 UI，使用 CSS Grid/Flexbox 和直观的控件。通过流畅的动画实现完整的 CRUD 功能（添加/编辑/删除/完成任务）。包括带有颜色编码和优先级（低/中/高）的任务分类。使用日期选择器组件和提醒通知添加截止日期。使用 localStorage 在会话之间保存数据。通过状态、类别和日期范围的过滤器实现搜索功能。使用 HTML5 拖放 API 添加任务的拖放重新排序。使用媒体查询通过适当的断点确保设计完全响应。包括尊重用户系统偏好的深色/浅色主题切换。添加微妙的微交互和过渡以获得更好的用户体验。
提示词（英文）
Use HTML5、CSS3 and vanilla JavaScript Creates a responsive to-do application. The application should be modern, clean. UI，Use CSS Grid/Flexbox and visual controls. To complete it with a fluid animation. CRUD Function (add/Edit/Delete/(b) To fulfil its mandate. Including colour codes and priorities (low)/Medium/) Job classification. Use the date selection component and the alarm notification to add the deadline. Use localStorage Saves data between sessions. The search function is performed by a filter with the status, category and date range. Use HTML5 Drag and Drop API Adds a drag-and-drop reordering task. Use media queries to ensure that the design is fully responsive through appropriate breakpoints. Including respecting the preferences of the user system./Light theme switch. Add subtle micro-interactivity and transition to better user experience.
直接拿去用
点击会先把提示词复制到剪贴板，再打开对应模型；没有自动带入的话粘贴即可。