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

[Visoar]

简介

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

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

项目角色

• 任务提出：我
• 协调执行：我
• PRD 及技术选型：ChatGPT (o1-preview)
• 编码：Cursor （ Claude ）

---

流程

1. 提出需求与 PRD 撰写

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

初版 PRD

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

2. 技术选型

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

• 一些基本的技术设计及选型：展示技术选型讨论的过程，本计划全栈 Nextjs ，但是按 GPT 建议最终选择 Python 作为主技术栈（更合适数据采集需求）。

3. 编码与调试

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

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

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

4. 部署上线

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

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

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

Update: https://trendxday.com/

[wonderfulcxm]

学习了

[XieYonglin]

不错的流程分享

[l0wkey]

看起来不错啊

[liuliuliuliu]

不错的经验分享

[qq727474430]

感谢分享，如果能分享一下 PRD 生成的 Prompt 就更好了！

[Visoar]

@qq727474430 就是截图上的，都是自然语言，没有使用特别的技巧（个人认为 llm 足够强大情况下，绝大多数交互并不需要复杂的提示词工程）

[kncx]

学习了！

[mayun]

这个部署是在云主机还是 Vercel 之类平台。
bolt.new 之类框架是不是也能实现

[Visoar]

@mayun
可以理解为是跑在一台 VPS 上的
--部署在本地的其实（在我家里的一台小主机 PVE 环境中），通过 Cloudflare Tunnel 对外服务

[Pepsigold]

感谢，我想要学习，有系统化的教程可以看吗？

[shi339378780]

我也学飞习了，非常棒！！！谢谢分享

[phatzhong24]

学习了！如果能更详细地展示所有过程细节信息，就更好了

[Visoar]

@phatzhong24 其实中间过程就是不断做测试，贴报错信息，没有啥复杂的交互和 prompt 。