耗时一周，我用 Cursor 写的第一个项目 AI桌面上线了

之前在即刻看到一个即友发的deskapp网站感觉蛮漂亮的，觊觎良久后终于打算自己上手做一个。正好claude也发布了强悍的3.7，于是就用Cursor写了七天觉得可以上线了，样子如下：

其实本质上还是一个网址导航，只不过更漂亮些，而且集成了一些小组件，如果你也感兴趣，可以这里体验下，预置了最常用的AI网站。不过未做手机端的适配，只能pc浏览器，窄屏幕被遮挡可以自己拖动组件图片或收起新闻组件~

https://xiaogang.xyz/

下面分享下使用Cursor完成这个项目的一些流程和感受

1、开始上手

一开始先给了一张截图，然后跟说了大体的要求，如网站分三行，第三行是三列，主要功能是网址链接和小组件，中间的主要部分是可以拖动的图标和组件。并告诉他我最终要部署在vercel上，先让给写一个详细的产品开发文档和基于vercel的技术架构。

其实cursor 0.46版本的上传图片还有bug，一直提示找不到图片，然后官网看可以直接复制图片到聊天窗口就可以。

2、开始写代码

有了产品开发文档就让直接开始写代码了，一开始也确实给出了像模像样的主页，心里确实也有些窃喜，没想到竟然这么简单，但是没想到的也碰上了第一个抓狂点。中间区域的图标是能够拖动随意放置位置的，没想到这个功能竟然来回拉扯改了近一天，中间一度抓狂的都想放弃了，期间换了3、4个布局方案，现在回想也可能是自己限制的多一些了，给定了1200px的宽度和每行12个图标，反而限制了他的发挥。

有时候感觉给Cursor大体的要求让他自由发挥会更好一些。就是先让他自由发挥想象力，然后再在他完成的内容上给出具体的要求，下面要说的天气组件就是这样。

总之一番来回拉扯，加上给他控制台信息，最终终于把功能给实现了，本来后面还担心再改其他功能的时候这里再给改崩了，没想到后面竟然一帆风顺。

3、本地运行环境

动态交互的项目或网站一般都需要后台程序，因此为了能实时看到结果，都会在本地部署运行环境，这方面Cursor之类的都比较成熟了，基本都根据他的指示部署好，有时候Cursor里面因为权限不能运行的命令，也可以自己在命令窗口完成。

4、一些小惊喜

有时候感觉Cursor或Claude的强大之处就是，他不仅仅是一个一般的指哪打哪的实习生，他还会有自己的思考，比如写天气组件的时候，只是让他写一个酷炫些的组件，没想到完成的超乎预料

再就是整个背景图片一开始灰蒙蒙的，问他是否在背景上添加了一层蒙版，他不止修改了这个设置，还主动加一个按钮来进行控制。

5、AI新闻实现

一直想实现足不出户看新闻的愿望，找了下貌似只有各种平台热榜的API，没有一个专门针对AI的，如是打算自己来实现看看。信息来源主要考虑王凯大佬的松鼠快看，这个可以把自己关注的公众号形成信息流列表。感兴趣的朋友也可以自己试试，目前免费用户可以试用14天，通过邀请链接再多12天。

https://songshukuaikan.com/login?inviteCode=3JUP8Q8

这个还是很方便很直观的看到自己关注的所有公众号的内容，问了下大佬是否打算提供API，跟说个人网站集成，可能感觉体量太小也没给回复。于是就打算自己做采集然后提供出API供调用，因为要一直在线又买了台199的腾讯云服务器，然后在服务器上直接安装了个Trae，打算让写一个采集脚本和一个提供API服务的脚步，虽然写出来能实现基本功能，但是每次爬取内容后，下一次又不能自动运行了。

于是又采用更可视化的影刀RPA，直接采集内容插入到数据库，然后再提供出API来调用，没想到这个方案还真就实现了，采集的流程大体如下，不得不说影刀还是很强大的。

6、数据库问题

Vercel的数据库好像是要收费的，为了把白嫖进行到底，数据库就采用了一个json文件，反正主要是放网址链接。把Cursor给写的json文件单独拿出来，用Trae写了个脚本（主要为了节省Cursor快速次数），这样大多数网址至于给个链接就可以把icon图标下载下来，当然有部分不能直接读取下载就需要手动保存了。

7、Next.js项目的疑难

出现疑难问题就让Cursor遍历所有可能的文件，有时候会给搞两个不同的组件，或者既有ts又有tsx文件，当然这或许不仅是Next项目的问题，毕竟项目越大功能越复杂，就有可能写了很多重复的功能没有清理。

另外虽然是有嘴就能完成，尽量还是辅助出问题的图片截图和控制台报错信息给到Cursor，这样能够更快的定位问题。

控制台信息：浏览器中按F12或右键查看源代码，点Console。

以上基本就是作为一个开发小白使用Cursor开发第一个比较系统的项目的感受，总之想再多不如真的上手去实践，后面再系统的去了解下Cursor的使用方法。

如果你懒得动手，也想部署一个同样的桌面导航，可以考虑购买我的源码，如果能够收回一点Cursor订阅费用就很幸福了~

可以直接部署在Vercel上，只需要绑定你自己的域名就可以。

购买前注意事项：

需要有GitHub账号；天气API需要自己注册和风天气；AI新闻API接口不保证能够稳定提供~

定价：69元，基本就是开发这个项目所花费的快速时间。