课程介绍：
Coding AI编程系统实战课，课程从 Cursor、Git 与前端基础讲起，带你打通 Supabase、腾讯云、Vercel 等后端与部署链路；再用 30+ 真实项目串联进阶能力——Chrome 插件、小程序、AI 生图、国内与海外支付、Dify/N8N 自动化 Agent、Claude Code 与 Codex 工程化开发、出海 SaaS 与 Web3 应用。每个项目均配套完整源码与演示视频，边学边做出能上线、能收款的产品，真正把 AI 变成你的编程生产力。
视频截图：
课程目录：
├─01
│ cursor-chapter2.mp4
│ cursor-chapter3.mp4
│ cursor-chapter4.mp4
│ cursor2-1.mp4
│ cursor2-2-2K.mp4
│ cursor教学-chapter1.mp4
│
├─02
│ 4个概念new2.mp4
│ chapter1-git基础-1.mp4
│ chapter2.1-gitui-1.mp4
│ chapter2.2-回退版本-1.mp4
│ chapter3GIT命令行-1.mp4
│ 两个网站.mp4
│ 前端概念.mp4
│ 前端语言.mp4
│ 最佳实践new.mp4
│
├─03
│ chapter1-1.mp4
│ chapter2-1.mp4
│ chapter3-1.mp4
│ chapter4-1.mp4
│ chapter5-1.mp4
│ 屏幕录制2025-02-24+10.40.21.mov
│
├─04.出海必备-Supabase详细教程
│ chapter2：前端-1.mp4
│ chapter3：轻松接入supabase-1.mp4
│ chapter4：接入注册登陆-1.mp4
│ chapter5：接入数据库-1.mp4
│ chapter6：文件上传功能-1.mp4
│ chapter7-realtime-1.mp4
│ chatper1-1.mp4
│ with-supabase-app+2.zip
│ with-supabase-app.zip
│
├─05.腾讯云实战
│ cloudbase-01.mp4
│ cloudbase-02.mp4
│ cloudbase-03-final.mp4
│ cloudbase-04-final.mp4
│ cloudbase-05-final.mp4
│ miniprogram.zip
│
├─06.开发Chrome插件：把上班刷知乎变成看飞书文档
│ 3.1chrome-dev-install.mp4
│ 3.2chrome修改知乎主题.mp4
│ 3.3复制知乎所有的答案.mp4
│ 3.4实现类似kimi豆包这样的功能.mp4
│ 3.5优化chrome插件.mp4
│ 3.6构建和发布Chrome插件.mp4
│ chrome-extension-boilerplate-react-vite-main (1).zip
│ chrome-extension-boilerplate-react-vite-main.zip
│ dist.zip
│
├─07.用DeepSeek + Qwen-VL 做个AI待办事项应用
│ ai-todo.zip
│ ai-todo_images.zip
│ chapter2-接入deepseek-1.mp4
│ chapter3-接入qwen模型-1.mp4
│ chatper1-项目初始化-1.mp4
│ with-supabase-app.zip
│
├─08.全栈天气OOTD小程序：AI生图
│ chapter2-原型图-1.mp4
│ chapter3-小程序前端-1.mp4
│ chapter5-接入后端api-1.mp4
│ ootd-mini-program.zip
│ 项目介绍-1.mp4
│
├─09.开发一个能赚钱的网站：接入国内个人支付（无需营业执照）
│ happyaicdong-template-main.zip
│ happyaicoding-template-completed.zip
│ happyaicoding-template-starter.zip
│ 使用Vercel免费部署上线.mp4
│ 初始化项目+支付流程说明.mp4
│ 接入支付流程开发.mp4
│
├─10.AI毒舌电影小程序：DeepSeek 如何评价春节档电影？
│ newyear-movie-miniapp-demo-main.zip
│ 哪吒2.json
│ 唐探1900.json
│ 封神二.json
│ 射雕英雄传.json
│ 星星icon.zip
│ 春节档电影知识库.xlsx
│ 熊出没·重启未来.json
│ 蛟龙行动.json
│
├─11.复制一个Midjourney：登陆+通义模型+支付+token管理
│ ai-images-creator-main.zip
│ chapter0-项目介绍.mp4
│ chapter1-初始化项目.mp4
│ chapter3-接入AI文生图能力.mp4
│ chapter5-接入支付.mp4
│ with-supabase-app.zip
│
├─12.基于模板，拥有属于自己的第一个博客
│ blog-starter-app.zip
│ chapter2-部署-1.mp4
│ my_nextjs_blog-main.zip
│ templates_blog-starter-app-main.zip
│
├─13.用Chrome插件爬取一切网页数据
│ +chrome-crawler-start-final.mp4
│ chrome-crawler-Coze-final.mp4
│ chrome-crawler-install-final.mp4
│ chrome-crawler-stock-final.mp4
│ chrome-extension-crawler-main.zip
│
├─14.使用v0 + supabase + Cursor创建一个导航站(上)
│ ai-tools-directory-main.zip
│ ai-tools-directory.zip
│ AI导航站-01-4K.mp4
│ AI导航站-02-4K.mp4
│ AI导航站-03-4K.mp4
│ AI导航站-04-4K.mp4
│ AI导航站-05-4K (1).mp4
│ AI导航站-06-4K.mp4
│ AI导航站开头-4K.mp4
│
├─15.使用Cursor + supabase + ChatGPT o3开发导航站后台（下）
│ ai-dirs-admin-main.zip
│ AI导航站后台_00-4K.mp4
│ AI导航站后台_01-4K.mp4
│ AI导航站后台_02-4K.mp4
│ AI导航站后台_03-4K.mp4
│ AI导航站后台_05-4K.mp4
│ dirs-admin.zip
│
├─16.用lovable + 视觉模型：开发拍照识别升糖指数的H5
│ blood-sugar-smart-scan-main.zip
│ 食物升糖识别-00-4K.mp4
│ 食物升糖识别-00-4K_ev.mp4
│ 食物升糖识别-01-4K.mp4
│ 食物升糖识别-01-4K_ev.mp4
│ 食物升糖识别-02-4K.mp4
│ 食物升糖识别-02-4K_ev.mp4
│ 食物升糖识别-03-4K.mp4
│ 食物升糖识别-03-4K_ev.mp4
│ 食物升糖识别-04-4K.mp4
│ 食物升糖识别-04-4K_ev.mp4
│
├─17.ShipAny：1小时开发海外游客「中国攻略 + AI旅游助手」SaaS网站
│ ShipAny-01-2K.mp4
│ ShipAny-02-2K-30.mp4
│ ShipAny-03-2K.mp4
│ ShipAny-04-2K.mp4
│ ShipAny-05-4K.mp4
│ ShipAny-06-2K.mp4
│ ShipAny-07-2K.mp4
│ ShipAny-08-2K.mp4
│
├─18.开发Elon Musk多语言简历网站：理解国际化 + 开发流程
│ elon-musk-resume.zip
│ elonmusk_resume_i18n-main.zip
│ 开发Elon+Musk多语言简历网站-01.mp4
│ 开发Elon+Musk多语言简历网站-02.mp4
│ 开发Elon+Musk多语言简历网站-03.mp4
│ 开发Elon+Musk多语言简历网站-04.mp4
│ 开发Elon+Musk多语言简历网站-05.mp4
│
├─19.iOS应用开发：开发一款AI语音记账软件（基于Qwen Omni）
│ iOS开发_01_2K.mp4
│ iOS开发_02_2K.mp4
│ ios开发_03.mp4
│ iOS开发_04_2K.mp4
│ iOS开发_05_2K.mp4
│ VoiceAccountClient.zip
│ VoiceAccountServer.zip
│
├─20.MkSaaS模板：开发AI试衣出海产品，赚2份钱！
│ cloth-split-demo-main.zip
│ mksaas-01-2K.mp4
│ mksaas-02-2K.mp4
│ mksaas-03-2K.mp4
│ mksaas-04-2K.mp4
│ mksaas-05-2K.mp4
│ mksaas-06-2K.mp4
│ mksaas-07.mp4
│ mksaas-08-2K.mp4
│
├─21.新手超友好！在Zeabur部署你的所有服务
│ plants-admin-nextjs-main.zip
│ plants-py-main+.zip
│ zeabur-0-2K-0704.mp4
│ zeabur-01.mp4
│ zeabur-02.mp4
│ zeabur-03.mp4
│
├─22.Claude Code入门 开发一个超赚钱的AI编程文档工具
│ claudecode-01-2K.mp4
│ claudecode-02-2K-0710.mp4
│ claudecode-03-2K-0710.mp4
│ vibe-guide-tutorial-main.zip
│
├─23.Creem支付完整入门（上）：新手最容易接入的海外支付方式？
│ creem-tutorial-main.zip
│ creem-链接支付-1-字幕版.mp4
│ creem-集成支付-2-字幕版.mp4
│ creem教程-开头-字幕版.mp4
│
├─24.Creem支付完整入门（下）：让全世界都来学中国话 + 实现美金收款！
│ creem-api.md
│ creem-subsctipon-api.md
│ creem-webhook.md
│ creem教程-01-2K.mp4
│ creem教程-02-2K.mp4
│ creem教程-03-2K.mp4
│ creem教程-04-2K.mp4
│ type-cn-start-template.zip
│ type-cn-test-cursor.zip
│
├─25.N8N + Claude Code 自动获取B站热榜、保存选题Agent！
│ bilibili-video-agent.json
│ n8n-01-2K.mp4
│ n8n-02-2K.mp4
│ n8n-03.mp4
│ n8n-05-2K.mp4
│ n8n-bilibili-beike-main.zip
│ next-drizzle-starter.zip
│
├─26.N8N MCP + Claude Code：开发一个小红书笔记数据自动采集 + AI仿写Agent
│ n8n-xhs-chrome-extenison-main.zip
│ n8n-xhs-main.zip
│ n8n下-01-2K.mp4
│ n8n下-02-2K.mp4
│ n8n下-03-2K.mp4
│ n8n下-04.mp4
│ xhs-n8n-web-main.zip
│
├─27.Dify Agent实战(上)：最强售前！给客户配一个新能源选车
│ data.csv
│ dify-01-2K.mp4
│ dify-02-2K.mp4
│ dify-03-2K.mp4
│ dify-04-2K.mp4
│ dify-findbest-ev-main.zip
│ find-best-ev-main.zip
│
├─28.Dify Agent实战(下)：开发一个新能源汽车之家
│ dify-findbset-ev-webpage-main.zip
│ dify下-01-2K.mp4
│ dify下-02-2K.mp4
│ dify下-03.mp4
│ dify下-04.mp4
│ ev_models_rows.csv
│
├─29.用Claude Code开发商业化项目：完整工作流 + 最佳实践
│ chapter1.mp4
│ chapter2.mp4
│ chapter3.mp4
│ chapter4.mp4
│ minapp-tdesign-starter-main.zip
│ prototype.zip
│ tennis-miniprogram-ui-main.zip
│
├─30.Codex入门完整版：制作一个英语背单词应用
│ codex-01-2K.mp4
│ codex-02-2K.mp4
│ codex-03-2K.mp4
│ codex-04-2K.mp4
│ codex-admin-nextjs-main.zip
│ codex-h5-nextjs-main.zip
│
├─31.Github的spec-kit：规范文档驱动开发如何实现？
│ spec-kit-01-2K.mp4
│ spec-kit-02-2K.mp4
│ spec-kit-03-2k.mp4
│ spec-kit-beike-main.zip
│
├─32.MCP完整实战：FigmaChrome DevTools等多个M
│ coffee-bean-mcp-main.zip
│ mcp-tutorial-beike-figma.zip
│ mcp-tutorial-beike-main.zip
│ MCP实战-01-2K.mp4
│ MCP实战-02-2K.mp4
│ MCP实战-03.mp4
│
├─33.Vercel教程：免费部署你的网站项目
│ chapter1.mp4
│ chapter2.mp4
│ chapter3-1.mp4
│ chapter4-1.mp4
│ chapter5-1.mp4
│ chapter6-1.mp4
│ vercel-tutorial-beike-init.zip
│ vercel-tutorial-beike-main.zip
│
├─34.iOS教程：用EasyApp + Claude Code开发一个宠物训练App，含订阅支付
│ 11月3日.mp4
│ easy-app.zip
│ easyapp-02-2K.mp4
│ easyapp-03-2K.mp4
│ easyapp-04-final-2K.mp4
│
├─35.用开源赚钱？结合Stitch + Github开源复刻草料二维码
│ qrcode-opensource-stitch-2025-11-19-main.zip
│ Stitch-01-2K.mp4
│ stitch-03-2K.mp4
│ stitch-04-2K.mp4
│
├─36.Web3项目：用Opus4.5开发Crypto-策略监控飞书机器人
│ chapter1.mp4
│ chapter2.mp4
│ chapter3.mp4
│ chapter4.mp4
│ coinmarketcap_feishu-main.zip
│ easyapp-01-2K.mp4
│ Stitch-02-2K.mp4
│
├─Agent Skill入门： 在Vibe Coding中使用Skills
│ cc-skills-nextjs-main-done.zip
│ cc-skills-nextjs-main.zip
│ chapter1-1.mp4
│ chapter2-1.mp4
│ chapter3-1.mp4
│ video.zip
│
├─AI Agent剪辑课程：Codex + ChatCut 实战
│ chapter2-1.mp4
│ chapter3-1.mp4
│ chapter4-1.mp4
│ chaptet1.mp4
│ chatcut剪辑教学.zip
│ kimi+codex剪辑教学-分镜素材.zip
│ kimi+codex剪辑教学-分镜表.csv
│ script.md
│ source (1).md
│ source.md
│ yihui-video2srt (1).zip
│ yihui-video2srt.zip
│ 录制AROLL.mp4 (1).zip
│ 录制AROLL.mp4.zip
│
├─AI小程序实战(上)：开发一个Seedance2.0提示词售卖
│ minapp-tdesign-starter-main.zip
│ prompts.json
│ videos.zip
│ wxpay-cloudbase-tutorial-main.zip
│ 提示词小程序-01-2K.mp4
│ 提示词小程序-02-2K.mp4
│ 提示词小程序-03-2K.mp4
│ 提示词小程序-04-2K.mp4
│ 提示词小程序-05-2K.mp4
│
├─AI小程序实战(下)：给小程序配上后台管理
│ chapter1.mp4
│ chapter2.mp4
│ chapter3.mp4
│ chapter4.mp4
│ cloudbase-miniapp-admin-main.zip
│
├─AlStudio做好的前端 ， 如何低成本商业化？ (上：出海篇)
│ chapter1-1.mp4
│ chapter2-1.mp4
│ chapter3-1.mp4
│ chapter4-1.mp4
│ chapter5-1.mp4
│ chapter6-1.mp4
│ chapter7-1.mp4
│ pets-santa-code.zip
│ pets-santa-online-main.zip
│
├─cursor第一章节重制
│ chapter1-1.mp4
│ chapter2-1.mp4
│ chapter3-1.mp4
│ 前端-concept-1.mp4
│ 后端-concept-1.mp4
│
├─Harness Engineering 入门实战课：如何让 AI 稳定开发项目？
│ app (1).zip
│ app.zip
│ harness-enginerring-2-2K.mp4
│ harness_enginerring-1-2K.mp4
│ harness_enginerring-3-2K.mp4
│
├─Loop Engineering：构建全自动 AI 编程工作流
│ copy-lovart-main.zip
│ copy-lovart-test (最终).zip
│ copy-lovart-test.zip
│ Loop+Engineering-1-2K.mp4
│ Loop+Engineering-2-2K.mp4
│ Loop+Engineering-3-2K.mp4
│ Loop+Engineering-4-2K.mp4
│
├─Open Design 实战指南：从AI设计到代码落地
│ aicoding-course_open-design-main.zip
│ opendesign-01-2K.mp4
│ opendesign-02-2K.mp4
│ opendesign-03-2K.mp4
│ VCPage.zip
│
├─OpenClaw课程：理解并真正掌握小龙虾
│ openclaw-05-2K.mp4
│ openclaw-1-2K.mp4
│ openclaw-2-2K.mp4
│ openclaw-3-2K.mp4
│ openclaw-4-2K.mp4
│
├─ShipAny2完整教程AI漫剧出海项目制作
│ index.json
│ shipany-01-2K.mp4
│ shipany-02-2K.mp4
│ shipany-05-2K.mp4
│ shipany2-03-2K.mp4
│ shipany2-04-2K.mp4
│ 归档.zip
│
├─TanStarter模板：All in Cloudflare 出海最佳实践
│ Tanstarter模板-01-2K.mp4
│ Tanstarter模板-02-2K.mp4
│ Tanstarter模板-03-2K.mp4
│ Tanstarter模板-04-2K.mp4
│ Tanstarter模板-05-2K.mp4
│
├─使用 Cloudflare和Codex 部署属于自己的私人应用和移动端
│ chapter1-有字幕-1.3x加速版本-2k-30fps.mp4
│ chapter2-带字幕-2k-30fps.mp4
│ chapter3-2k-30fps-有字幕.mp4
│
├─出海必备：快速接入邮件API服务实战课
│ sendflare-tutorial-main (1).zip
│ sendflare-tutorial-main (2).zip
│ sendflare-tutorial-main.zip
│ 出海-邮件-1.mp4
│ 出海-邮件-2.mp4
│ 出海-邮件-3.mp4
│
├─复刻一个Lovart：给你的产品添加上画布模式
│ copy-lovart_-main.zip
│ copy-lovart_-test.zip
│ lovart-1-2K.mp4
│ lovart-2-2K.mp4
│ lovart-3-2K.mp4
│ lovart-4-2K.mp4
│ 归档.zip
│
├─如何用 AI 加 Skill 写出一个好的落地页？
│ skill-landingpage-1-2K.mp4
│ skill-landingpage-2-2K.mp4
│ skill-landingpage-3-2K.mp4
│ skill-landingpage-4-2K.mp4
│
├─宝塔部署入门：新手真正理解项目部署全流程
│ baotao-tutorial.zip
│ chapter1-1.mp4
│ chapter2-1.mp4
│ chapter3-1.mp4
│ chapter4-1.mp4
│
└─开发口播训练室：爬虫 +数据清洗 + 本地语音模型
2.mp4
3.mp4
media-crawler-beike.zip
x-先导片.mp4
