1s复刻一个AI saas网页的核心功能。新手入门cursor ai编程之后，不要再手动的描述自己的需求，一定要有框架的思维。
而框架并不难。 不然反复的描述需要实现的UI的效果，会浪费很多时间。
推荐插件: divmagic/
https://appsumo.com/s/1vykcap/
1.找到一个对标网站，https://monica.im/en/ai-podcast
2.浏览器上点击打开divmagic插件。
3.选中需要的分块代码，点击复制。
这里复制的代码，其实基本上已经可以使用。
但是为了整体代码一致性以及后续next.js框架的使用。
我们可以让他把divmagic生成的代码再进行改造。
提示词：
```
使用shadcn 组件库，lucide-react（icon组件库）
图片使用unsplash,placeholder,或者svg进行替代。
重新实现下面组件
代码：{divmagic复制的代码}
```
Invalid media: video
而框架并不难。 不然反复的描述需要实现的UI的效果，会浪费很多时间。
推荐插件: divmagic/
https://appsumo.com/s/1vykcap/
1.找到一个对标网站，https://monica.im/en/ai-podcast
2.浏览器上点击打开divmagic插件。
3.选中需要的分块代码，点击复制。
这里复制的代码，其实基本上已经可以使用。
但是为了整体代码一致性以及后续next.js框架的使用。
我们可以让他把divmagic生成的代码再进行改造。
提示词：
```
使用shadcn 组件库，lucide-react（icon组件库）
图片使用unsplash,placeholder,或者svg进行替代。
重新实现下面组件
代码：{divmagic复制的代码}
```
Invalid media: video