导学阶段
训练营首页：https://opencamp.cn/AI4OSE/camp/2026s
首周导学阶段easy-vibe：
https://github.com/datawhalechina/easy-vibe/blob/main/docs-readme/zh-CN/README.md
导学阶段的项目丰富，由于我们之前在寒假已经进行了不少vibe-coding相关学习，我们可以直接从中高级阶段开始，但这不是说之前的内容我们都掌握了，我们当前的掌握水平还比较初级。对Claudecode,MCP,Skill,Nanobanana等的掌握还不是best-practice，这份导学建议就是多学，多多益善。
这里推荐必做项：
继续精进对工具的掌握，达到Best-practice水准
| Claude Code 快速上手 | 安装配置、基础操作、实用技巧和常用指令
我们已经有设计初稿：数字遗产
建议这次上课就对我们的初稿进行不同平台的实现。
| 如何构建安卓程序 | 使用 Expo 等工具，完成 Web/原生一体化的安卓应用开发 |
| 如何构建 iOS 程序 | 使用 Expo 等工具，完成 Web/原生一体化的 iOS 应用开发 |
推荐选做：
| 如何构建微信小程序 | 了解微信小程序生态，从官方模板到上线完成一个前端小程序 |
| 如何构建微信小程序-包含后端 | 在小程序中接入数据库与后端逻辑，打通完整业务闭环 |
| 如何让 Claude Code 长时间工作 | 设计长时间运行的任务，让 Coding Tools 持续工作直到完成 |
| 从Lovart出发，搭建自己的素材生产Agent | 从零开始，利用Nanobanana和Lovart批量生成高质量的设计素材，并动手构建一个能意图识别的绘图Agent |
导学阶段完整目录
📖 点击展开/收起完整内容导航
📖 内容导航
一、零基础入门
| 章节 | 关键内容 |
|---|---|
| 学习地图 | 整体学习路径导览 |
| AI 时代，会说话就会编程 | 通过贪吃蛇等案例初步感受 AI 编程的能力 |
| 寻找好想法 | 学会寻找和验证产品想法，找到值得做的项目 |
| 认识 AI IDE 工具 | 学会使用 IDE，在本地制作小游戏 |
| 动手做出原型 | 从需求分析、AI 生成单页面，再到生成多页面产品原型 |
| 给原型加上 AI 能力 | 学会接入常见 AI 能力（文本、图片、视频） |
| 完整项目实战 | 模拟真实场景、接受用户反馈迭代，完整化项目 |
附录：业务思维
| 章节 | 关键内容 |
|---|---|
| 产品思维与方案设计 | 从零到一做产品需要考虑的思维框架 |
| AI 行业应用场景参考 (B端) | 了解 AI 在不同产业的应用场景 |
| AI 消费场景灵感参考 (C端) | 探索 AI 在消费级产品中的应用场景 |
附录：技术方案
| 章节 | 关键内容 |
|---|---|
| 写代码时遇到错误怎么办 | vibe coding 中的常见错误及排查方法 |
| 七款 AI 编程工具对比 | 对比测试主流 AI 编程平台 |
| 用设计和编程 Agent 设计网站 | 学习如何使用 AI 智能体协同工作 |
二、初中级开发工程师
前端部分
| 章节 | 关键内容 |
|---|---|
| 从Lovart出发，搭建自己的素材生产Agent | 从零开始，利用Nanobanana和Lovart批量生成高质量的设计素材，并动手构建一个能意图识别的绘图Agent |
| Figma 与 MasterGo 入门 | 用设计工具梳理信息架构和页面结构，为前端实现打基础 |
| 构建第一个现代应用程序-UI 设计 | 基于设计稿完成组件化界面，实现从设计到代码的第一条链路 |
| 参考 UI 设计规范与多产品 UI 设计 | 围绕统一主视觉扩展多产品界面，练习系统化设计能力 |
| 用 LLM 和 Skills 让界面变好看 | 用提示词和 Skills 插件让 AI 生成美观独特的界面 |
| 一起做霍格沃茨画像 | 从 0 到 1 做出接入 AI 能力的前端应用，串联设计与开发 |
| 从设计原型到项目代码 | 三种路径将设计工具中的原型转化为前端代码 |
| 使用现代组件库更新你的界面 | 用组件库快速构建专业级界面，统一风格、提升开发效率 |
后端开发部分
| 章节 | 关键内容 |
|---|---|
| 从数据库到 Supabase | 在 Supabase 上落地数据库和 API，打通数据模型与前端页面 |
| 大模型辅助编写接口代码与接口文档 | 用大模型协助生成接口与数据库文档及代码，实现可读可测的后端 |
| Git 和 GitHub 工作流 | 在 Git 工作流中管理代码，进行版本控制和协作 |
| 如何部署 Web 应用 | 使用 CloudBase、Vercel、Zeabur 等平台部署应用上线 |
| CLI AI 编程工具 | 使用 CLI 类 AI 编程工具加速开发与调试，形成个人工程化工作流 |
| 如何集成 Stripe 等收费系统 | 接入支付系统，完成收费链路与基础结算流程 |
| 大作业：构建第一个现代应用程序-全栈应用 | 综合前端、后端与支付模块，完成可上线的全栈 Web 应用 |
AI 能力附录
| 章节 | 关键内容 |
|---|---|
| Dify 入门与知识库集成 | 用 Dify Workflow 与基础 RAG 搭建工具类产品，为后续应用升级打样 |
三、高级开发工程师
Claude Code 核心技能
| 章节 | 关键内容 |
|---|---|
| Claude Code 快速上手 | 安装配置、基础操作、实用技巧和常用指令 |
| Claude Code MCP 完全指南 | 通过 MCP 让 Claude Code 连接 GitHub、数据库、API 等外部服务 |
| Claude Code Skills 完全指南 | 将专业知识打包成可复用技能包，一次配置反复使用 |
| Claude Code 工作流最佳实践 | 日常开发、代码重构、Code Review 等场景的最佳实践 |
| Claude Agent Teams 完全指南 | 多 AI 实例协同工作，像真正的开发团队一样并行协作 |
| Claude Code Superpowers 工程级开发 | 让 AI 写出工程级代码，遵循 TDD 和最佳实践 |
| 如何让 Claude Code 长时间工作 | 设计长时间运行的任务，让 Coding Tools 持续工作直到完成 |
多平台开发
| 章节 | 关键内容 |
|---|---|
| 如何构建微信小程序 | 了解微信小程序生态，从官方模板到上线完成一个前端小程序 |
| 如何构建微信小程序-包含后端 | 在小程序中接入数据库与后端逻辑，打通完整业务闭环 |
| 如何构建安卓程序 | 使用 Expo 等工具，完成 Web/原生一体化的安卓应用开发 |
| 如何构建 iOS 程序 | 使用 Expo 等工具，完成 Web/原生一体化的 iOS 应用开发 |
| 如何开发 PWA 本地应用 | 让网页变成"真正的 App"，支持离线、推送、桌面安装 |
| 如何开发浏览器 AI 助手插件 | 开发 Chrome 插件，一键总结任意网页，支持云端 API 和内置 AI |
| 如何开发 Electron 桌面程序 | 用 Electron 构建语音转文字桌面应用，支持三平台安装运行 |
| 如何快速开发并铸造 NFT | 从零编写智能合约，部署到以太坊测试网，铸造自己的 NFT |
| 如何开发 VS Code 插件 | 开发 AI 项目助手插件，支持模板生成、代码对话、多文件问答 |
| 如何开发工业级 Qt 桌面应用 | 用 Qt 构建工业级水泵监控 HMI 系统，实时数据、趋势图、报警 |
AI 能力附录
| 章节 | 关键内容 |
|---|---|
| 什么是 RAG 以及它如何工作 | 系统理解 RAG 原理与常见架构，为复杂应用提供知识检索基础 |
| 中高级 RAG 与工作流编排：以 LangGraph 为例 | 使用 LangGraph 等工具设计多步工作流与中高级 RAG 系统 |
🙏 感谢每位贡献者
- 散步-项目负责人 (Datawhale成员)
- 方可-指导老师（Datawhale成员, 清华大学）
- Yerim Kang（实践项目部分-清华大学）
- 赵芷霖（实践项目部分-清华大学）
- 李亦萱（页面美术设计-清华大学）
- 刘思怡（实践项目部分-清华大学）
- 刘丽欣（实践项目部分-清华大学）
- AI Vibe Coding 101 内测群完整给建议体验的小伙伴们