工作中一直在使用 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 实现
![]() | 1 mrbendan8023 191 天前 尝试一下,大佬 nb ,而且直接可用,不像最近都需要注册才能使用。提示词我也收藏了,感谢大佬! |
![]() | 2 zty5678 190 天前 1. 不支持拖曳上传; 2. 生成时间有点长,并不像宣传里说的要几秒钟; 3. 效果还行,虽然细节有损失; |
3 beijiaoff 190 天前 你举例的 原图、去背景 这两张图看起来一样啊 |
4 x007xyzabc OP @zty5678 谢谢反馈,第一次时间会比较长,因为需要下载模型,后期会优化一下提示 |
5 x007xyzabc OP @beijiaoff AI 生成的,没有注意修改,感谢反馈 |
6 mainzo 190 天前 很好 |