一句话使用 cursor 实现一个移除图片的工具站

[x007xyzabc]

工作中一直在使用 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 实现

[mrbendan8023]

尝试一下，大佬 nb ，而且直接可用，不像最近都需要注册才能使用。提示词我也收藏了，感谢大佬！

[zty5678]

1. 不支持拖曳上传；
2. 生成时间有点长，并不像宣传里说的要几秒钟；
3. 效果还行，虽然细节有损失；

[beijiaoff]

你举例的 原图、去背景 这两张图看起来一样啊

[x007xyzabc]

@zty5678 谢谢反馈，第一次时间会比较长，因为需要下载模型，后期会优化一下提示

[x007xyzabc]

@beijiaoff AI 生成的，没有注意修改，感谢反馈

[mainzo]

很好