Vibe Coding 实战：用 Antigravity × Stripe 订阅系统一步步实作（完整教学）
1515 次观看 · 2026-01-10
UI 设计
很多人在做 vibe coding 的时候，最大的问题不是 UI，也不是 AI，而是「怎么收钱？」
在这支影片里，我会完整示范：👉 如何用 Antigravity + Stripe👉 打造一个真正能订阅、能结账、能收款的 平台👉 不使用 Stripe MCP，而是用更通用、更可控的方式
📌 你将学到：
如何用 vibe coding 快速在antigravity 搭建订阅型应用
Stripe Subscription + Checkout 的实际接法
用户从「注册 → 订阅 → 成功付款」的完整流程
常见 Stripe 新手会踩的坑（我会直接帮你避开）
这不是 Demo，而是一套你可以直接套用到自己 SaaS / 创作者平台 / 会员制产品的实战流程。
如果你是：
创作者，想做自己的 Fan Club
独立开发者，想做订阅制 App
或正在学 vibe coding，但不知道怎么变现
这支影片会帮你把「AI + 产品 + 收钱」真正串起来。
👍 记得订阅频道，后面我会继续分享vibe coding、AI 产品实战、真实可上线的项目流程。
0:00 intro
0:35 product demo
2:49 first prompt and plan
4:54 supabase 后端数据库
5:48 设置登录
7:02 stripe 设置
12:43 第2阶段功能
15:05 part 2 vibe code app
15:37 revenue cat 设置paywall
视频里提到的网站
https://antigravity.google/
https://www.vibecodeapp.com
https://stripe.com
https://www.revenuecat.com
🔔 订阅频道，获取更多 AI × Design × App 构建教学！
欢迎👏加入我的设计师交流群
https://discord.gg/WEuhP33f9P
我是谁：我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设计方面的一些小教程, 希望能跟志同道合的小伙伴一起分享
在这支影片里，我会完整示范：👉 如何用 Antigravity + Stripe👉 打造一个真正能订阅、能结账、能收款的 平台👉 不使用 Stripe MCP，而是用更通用、更可控的方式
📌 你将学到：
如何用 vibe coding 快速在antigravity 搭建订阅型应用
Stripe Subscription + Checkout 的实际接法
用户从「注册 → 订阅 → 成功付款」的完整流程
常见 Stripe 新手会踩的坑（我会直接帮你避开）
这不是 Demo，而是一套你可以直接套用到自己 SaaS / 创作者平台 / 会员制产品的实战流程。
如果你是：
创作者，想做自己的 Fan Club
独立开发者，想做订阅制 App
或正在学 vibe coding，但不知道怎么变现
这支影片会帮你把「AI + 产品 + 收钱」真正串起来。
👍 记得订阅频道，后面我会继续分享vibe coding、AI 产品实战、真实可上线的项目流程。
0:00 intro
0:35 product demo
2:49 first prompt and plan
4:54 supabase 后端数据库
5:48 设置登录
7:02 stripe 设置
12:43 第2阶段功能
15:05 part 2 vibe code app
15:37 revenue cat 设置paywall
视频里提到的网站
https://antigravity.google/
https://www.vibecodeapp.com
https://stripe.com
https://www.revenuecat.com
🔔 订阅频道，获取更多 AI × Design × App 构建教学！
欢迎👏加入我的设计师交流群
https://discord.gg/WEuhP33f9P
我是谁：我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设计方面的一些小教程, 希望能跟志同道合的小伙伴一起分享