概述

Cursor 是基于 VS Code 开发的一款编辑器，专注于集成 AI 技术，帮助开发者更高效地编写代码。

以下是基于 Cursor + Calude 3.7 Sonnet 创建一个完整的项目演示。

视频演示

生成提示词

我想要创建一个任务计划Web程序

1. 用于记录每个人自己今天的任务内容，并且具备完成前后对比效果的展示图，没有图片展示的也可以是描述
2. 如果今天没完成，可以延续到明天的
3. 具备用户权限

请帮我创建完整的项目目录和必要的文件。

要求：
1、React + Next.js 作为前端框架
2、Tailwind CSS 作为主要 UI 样式库
3、Headless UI + Heroicons 作为 UI 组件支持
4、ECharts、Mermaid 等用于数据可视化
5、Zustand & React Query & SWR 作为状态管理和数据获取方案
6、Storybook 用于 UI 组件开发和测试
7、Jest & Testing Library 用于前端测试
8、pnpm 使用

生成的效果截图

登录页

首页

任务管理

统计

总结

1、代码质量高，模块化，可扩展性高
2、界面风格超出预期
3、需求功能点覆盖完整