🤖 [分享贴] 我如何使用 ChatGPT-o1 和 Cursor 在一天全程完成 [ TrendX.wiki ] 的搭建,几乎 0 手写

81 天前
 Visoar

简介

TrendX.Wiki 是一个基于 Google Trends 数据采集和关键词释义的简易网站。

这是一个尝试,希望尽可能由 AI 完成需求->编码的工作,尽可能只打杂不手工介入编写。目前看起来流程跑得通,尝试是成功的。当然,代码有一些简陋,也可能存在不少性能问题,但是作为概念验证的 demo 是足够了。

项目角色


流程

1. 提出需求与 PRD 撰写

我提出了需求,并由 ChatGPT 完成 PRD 的编写和迭代。

初版 PRD

PRD 迭代: 经过几次简单对话引导的 prd 迭代,完成一份满意的 PRD (主要是需求描述的精确和细化程度,以便降低后续编码时的歧义)

2. 技术选型

ChatGPT 负责项目的技术选型,包括技术栈和技术方案的初步细化,比如数据库表结构的建议。

3. 编码与调试

Cursor 负责代码编写,我负责验证和调试,确保功能实现与需求一致。

在此过程中主要使用 Cursor 的 Composers 功能,优点是可以同步处理多文件。过程中,运行起来项目,一边试用一边对话,让 Cursor 修改功能/修正错误等,尽量保持不人工介入修改代码本身(印象中除了一些 path ,确实没手动改啥代码)。

基本功能实现 错误处理 细节调整,并使用 OG:image Generator补全 OG 图片和信息。

4. 部署上线

我负责项目的最终部署和上线操作。 部署时也是要求 Cursor 提供 Step by Step 教程,包括配置 crontab 跑后端抓取脚本和运行 web 界面。

当然,部署的执行及使用 Cloudflare 配置域名之类还是我手动干的。

如何,站点目前已经上线了。 TrendX.Wiki

2057 次点击
所在节点    分享创造
13 条回复
wonderfulcxm
81 天前
学习了
XieYonglin
81 天前
不错的流程分享
l0wkey
81 天前
看起来不错啊
liuliuliuliu
81 天前
不错的经验分享
qq727474430
81 天前
感谢分享,如果能分享一下 PRD 生成的 Prompt 就更好了!
Visoar
81 天前
@qq727474430 就是截图上的,都是自然语言,没有使用特别的技巧(个人认为 llm 足够强大情况下,绝大多数交互并不需要复杂的提示词工程)
kncx
81 天前
学习了!
mayun
81 天前
这个部署是在云主机还是 Vercel 之类平台。
bolt.new 之类框架是不是也能实现
Visoar
80 天前
@mayun
可以理解为是跑在一台 VPS 上的
--部署在本地的其实(在我家里的一台小主机 PVE 环境中),通过 Cloudflare Tunnel 对外服务
Pepsigold
80 天前
感谢,我想要学习,有系统化的教程可以看吗?
shi339378780
79 天前
我也学飞习了,非常棒!!!谢谢分享
phatzhong24
19 天前
学习了!如果能更详细地展示所有过程细节信息,就更好了
Visoar
19 天前
@phatzhong24 其实中间过程就是不断做测试,贴报错信息,没有啥复杂的交互和 prompt 。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/1089317

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX