在我们实际工作中，经常看到别人比较的好的网站，自己也想做一个，现在有了CodeCopyPro以及我们的cursor这一切就变的非常简单。还在为不能使用copycoder以及充值的问题吗？那么试试CodeCopyPro吧。www.codecopypro.com
一、先看结果
而且对应的登录注册、以及每一个按钮都是可运行的。下面我们来看看怎么一步一步的实现他。
二、操作步骤
1、找到自己的对标网站，然后截图，如下为我找到的参考网站的截图（这里截图最好是找能涵盖尽可能全信息的页面）这里有头部-中间商品部分以及 页脚部分。
2、打开网站 codecopypro.com/
选择我们截图的图片上传，然后点击 “Ganerate prompt”，后生成一个相对比较长的提示词如下：
3、打开Cursor，先执行如下两个命令：
npx create-next-app@latest .
npx shadcn@latest init
上面两个是一定要执行的，不然会出现一些坑，然后把提示词放到 composer中，等待他的执行，因为信息比较多他需要执行很多步，所以我们需要 回复 “继续“ 告诉 cursor执行，知道功能完善。
cursor会帮我们一步一步的完善。
我们只需要 使用npm run dev ，启动项目，查看项目每一次执行的效果。很快就会出现我们开始提到的那种效果了。
三、总结说明
这个提示词非常好，能帮我们快速的构建一个前端页面，交互和审美都非常不错，值的体验。每个用户都有5次的免费体验，可以加大神微信直接请教学习。
