演讲稿：TRAE SOLO 实战赛——智启Coding 码力全开，让AI为你打造完美旅程

🚀演讲稿：TRAE SOLO 实战赛——智启Coding 码力全开，让AI为你打造完美旅程🧣

幻灯片 1：TRAE SOLO 实战赛 | 智启Coding 码力全开 | 让AI为你打造完美旅程

演讲内容：

Hello，各位小伙伴们，我是围巾哥萧尘。今天的时间是2025年12月12日，周五。时间过得很快，又到了我们的分享时间。

演讲内容：

我花费了三天时间，复刻了官方的 AI 助手案例，目的是更好地教大家如何去使用和玩转这款软件。本次实战赛的核心项目，就是一个基于 AI 的旅行规划器，它的核心集成了数据、AI 服务和支付三大功能，实现了从想法到部署的全流程。

幻灯片 2：神奇道具的内部构造蓝图

（核心架构：智慧大脑、记忆宝盒、神奇钱包）,

演讲内容：

要打造这个“完美旅程规划器”，我们需要三个核心部件：

1. 智慧大脑（OpenAI）：它负责思考和生成所有精彩的旅行计划,。在我们的实战中，AI 功能这部分使用的是 Open Loot。
2. 记忆宝盒（Supabase/SBASE）：它像一个记忆面包，能牢牢记住每位用户和他们专属的行程,。SBASE 是我们的数据库基础，负责用户注册、登录和行程的保存。
3. 神奇钱包（Stripe）：它处理会员订阅，确保道具能够持续提供优质服务,。Stripe 是我们的支付系统。

目前，我们已经把 SBASE、Open Loot 以及 Stripe 这三个基层的核心功能全部跑起来了。

幻灯片 3：冒险第一站：教道具听懂我们的“咒语”（Prompt）

（Prompt 生成与优化流程）,

演讲内容：

一切都开始于正确的指令——提示词（Prompt）,。由于官方直播并未提供清晰的提示词，我们必须自己构建“咒语”体系，具体步骤如下：

1. 分析目标：明确我们希望 AI 做出什么,。
2. 获取初稿：我利用 Google UD 工具分析了官方网站，让 AI 生成了初步的“咒语”,,。
3. 优化升级：将初稿复制后，使用 Ving 的“优化输入内容”功能对其进行优化。通过不断迭代和优化，让“咒语”更精确，效果更完美,。

精确的提示词是确保 AI 能够快速生成高质量原型的前提。

幻灯片 4：瞬间变身：为道具打造一个漂亮的外壳！

（UI 界面生成）,

演讲内容：

有了精确的“咒语”，我们就可以使用 AI 工具（例如 v0）直接生成应用的专业且美观的用户界面（UI）,。

我通过 Ving，基于优化后的提示词，快速完成了原型制作。在制作原型这个方面，Ving 速度和效率较高，能够减少样板代码。看，只用对话，我们的道具就拥有了一个专业又美观的外壳！,

幻灯片 5：连接“智慧大脑”：最轻松的一步！

（AI 功能集成）,

演讲内容：

在 TRAE SOLO 里，将我们漂亮的 UI 外壳与“智慧大脑”（OpenAI/Open Loot）连接起来，是整个冒险中最顺利的一步，几乎瞬间完成,,。现在，我们的应用已经可以思考了！

现场演示：我们可以立刻来验证一下 AI 的功能。比如，我让它规划一个“云南大理五日游”。可以看到，AI 功能成功运行，并在行程列表里生成了方案，没有翻车。

幻灯片 6：第一个大挑战——驯服“记忆宝盒”（Supabase）

接下来要聊的，是每一个新手开发者在构建应用时，几乎都会遇到的第一个大挑战——驯服“记忆宝盒”，也就是我们所说的数据库管理工具 Supabase。

为什么说它是“记忆宝盒”？因为它就像是我们应用的大脑，负责存储用户的每一条信息、每一次操作、每一段旅程。但问题就在于，这个大脑并不是随便就能用的。它要求我们像图书管理员一样，把每一条数据都精准地放在正确的位置。

很多初学者在这里第一次“翻车”，是因为我们对数据库中“表格”之间的逻辑关系还不够熟悉。

“绝大多数同学会在这里卡壳，因为对表的这个逻辑概念不清楚。”

比如，一个用户可以有多个订单，一个订单又包含多个商品——这些关系怎么在数据库里体现？主键、外键、一对多、多对多……这些概念一旦搞混，整个系统就会像图书馆里乱放的书一样，找不到、对不上、乱成一锅粥。

所以，第一个真正的考验，不是写代码，而是理解数据结构。只有当你能把“记忆宝盒”整理得井井有条，你的应用才能真正“记得住、找得快、用得好”。

幻灯片 7：第二个大挑战——解开“神奇钱包”（Stripe）的谜题

当然，当我们终于把数据库理顺，接下来迎接我们的，是第二个大挑战——集成支付系统，也就是我们今天的主角：Stripe。

我们可以把 Stripe 想象成一个神奇钱包，它能让你的应用瞬间拥有“收钱”的能力。听起来很酷，对吧？但别高兴得太早，这个钱包可不是随便就能打开的。

它就像一个精密的密码锁，表面上看逻辑简单：用户点击购买 → 调用支付接口 → 收钱成功。
但实际操作中，你会发现：产品ID怎么配置？价格怎么绑定？支付状态怎么回调？失败怎么处理？

每一个细节，都是一颗“地雷”。一旦踩中，不仅用户付不了钱，甚至可能连订单数据都乱掉。

“逻辑看似简单，但实际操作中有很多细节需要注意。”

所以，解开 Stripe 的谜题，不只是技术实现，更是对业务流程的深刻理解。你需要清楚：谁是买家？买什么？多少钱？怎么付？付完怎么办？

只有当你能回答这些问题，“神奇钱包”才会真正为你所用，让你的应用从“能用”变成“能赚钱”。

这两个挑战——驯服记忆宝盒和解开神奇钱包——几乎是每一个全栈开发者成长路上的必经之路。
它们不会因为你聪明就放过你，也不会因为你努力就自动变简单。

但正因为如此，一旦你跨过去了，你就真正从一个“写代码的人”，变成了一个“做产品的人”。

幻灯片 8：冒险成功：我们的神奇道具，诞生！

（三核功能流程图及结果）

演讲内容：

经过三天的努力，所有部件终于完美地组合在了一起。从 AI 生成行程，到用户登录保存，再到会员订阅，我们的“完美旅程规划器”功能基本齐全，正式完工！

成功的功能包括：

• AI 行程生成成功。
• Supabase 用户系统：通过邮箱注册和 Supabase 数据库的验证功能成功。
• Stripe 会员订阅：成功跳转到安全的 Stripe 支付页面，完成了测试支付，订阅成功，没有翻车,。

但是，我们遇到了“翻车”：在登录验证成功后，尝试保存新行程时，保存（写入数据）功能失败了，这表明 Supabase 数据库的保存逻辑需要重新调试和修复,。

幻灯片 9：向导的冒险心得：给新手机器猫的四个锦囊

（经验总结与难点分析）,

演讲内容：

通过这次实战，我总结了四个最重要的经验教训，给所有初学者作为锦囊,：

1. AI 集成最简单：真正的 AI 功能（如连接 OpenAI 或 Openrouter）反而是最容易的部分，难度不大,。
2. 真正的难点是“地基”：最费时间和精力的核心堡垒，是Supabase数据库和Stripe 支付系统,,。我们大多数开发者缺乏对数据库表单逻辑和数据结构的清晰概念，这部分是卡壳和做错最多的地方,。同时，Stripe 需要处理产品 ID 和数值的对应关系，也是难点之一。
3. 工具提供宏观地图：TRAE SOLO 最大的价值在于提供了一个清晰的宏观架构认知,,。它能让你知道从哪里开始，要走哪几步。
4. 拥抱“翻车”：“翻车”是学习过程的一部分，不要害怕,。每一次失败都是进步的阶梯，要将原型转化为商业产品，需要大量的代码进化和调试,。

幻灯片 10：AI 编程的终极魔法公式

（核心流程：想法 -> 对话 -> 集成 -> 产品）,

演讲内容：

总结起来，用 AI 创造产品的核心流程可以简化为一个神奇的公式，它改变了我们从 0 到 1 的方式,：

1. 想法（Idea）：你有一个想要实现的想法,,。
2. 对话（Conversation）：通过对话和提示词，让 AI 将你的想法分解成可操作的步骤，实现想法的生成,,。
3. 集成（Integration）：集成相应的功能，例如 SBASE 数据库、Open Loot 的 AI 功能、Stripe 的支付功能,,。
4. 产品（Product）：最终交付你的产品，解决用户的需求,,。

这个过程，就是通过对话和集成，去实现你从想法到编码，最终到产品化的过程。

幻灯片 11：你，就是下一代的AI超级工程师！

掌握了 AI 编程的“宏观架构”，你就拥有了将想法快速变为现实的能力,,。

但是，真正的挑战在于深入理解底层逻辑，尤其是数据库结构,,。你必须将原型代码从数据堆砌转化为模块化、封装化的结构。只有当你能够清楚地知道需要用什么表、表之间的对应关系是什么时，你才能真正成为代码的掌控者,,,。

通过不断实践和代码进化，你就能成为下一代的 AI 超级工程师,！你的冒险，才刚刚开始！