|
工作中一直在使用 cursor ，但是这是第一次使用 cursor 从零开始构建一个网站并上线
网站主体基本通过一次对话实现，但是有部分细节调整通过后续对话调整，PWA 功能也是通过对话让 cursor 一次实现的。整体上还是很顺利，但是对于一些比较新的库还是效果不太理想，即使添加 doc 也不是很好用。
网站地址： https://www.magiccut.online/
提示词：
我会提供一张图片或者功能的文字描述，你需要根据我的输入生成代码，生成的代码需要遵守一下规则：
- 生成符合 Next.js App Router 规范的代码，并遵守一下最佳实践：
- "Use server components by default",
- "Implement client components only when necessary",
- "Utilize the new file-based routing system",
- "Use layout.js for shared layouts",
- "Implement loading.js for loading states",
- "Use error.js for error handling",
- "Utilize route handlers for API routes",
- 根据输入分析功能和需求，确定核心交互逻辑
- 样式使用 tailwindcss 和 daisyui ，使用现代化的 UI 元素，使其具有良好的视觉体验
- 图标请使用 lucide-react 的相关图标
- 合理的拆分代码，抽象组件，保持结构清晰，组件应该放到 src/components 文件夹下
- 如果需要图片，请使用真实的 UI 图片，而非占位符图片（可从 Unsplash 、Pexels 、Apple 官方 UI 资源中选择）。
- 合理的为元素添加动画效果，使界面更加生动美观，动画应该使用 tailwindcss 或者 framer-motion 实现
| 
