资源介绍
视频数量：21个
总时长：2小时35分
课程介绍：
智能体协作打造民宿预订应用
屏幕上出现一个空白终端，几分钟后，住宿搜索、房源卡片、日期筛选和预订流程逐渐成形。这样的开发体验，正来自Claude Code与开发者的协作。本课程围绕一个完整的Airbnb风格移动应用展开，把需求梳理、界面搭建、数据管理和安全设计串成一条清晰的工作流。课程不只教如何生成代码，更关注怎样让智能体准确理解项目、遵守规则，并在真实开发流程中稳定推进。
一、从开发环境开始：
第一节从Node.js安装讲起，说明它在JavaScript运行环境、NPM包管理以及后续项目启动中的作用。随后安装Android Studio，创建Pixel 8模拟器，让每一次修改都能直接在手机界面中查看。完成基础配置后，再安装Claude Code并完成第一次提问，从实际操作中认识它的对话方式、模型选择、常用命令和日常工作节奏。
这一部分还完成Supabase项目的创建，为后面的用户账户、房源数据、订单记录和权限控制做好准备。初学者不仅知道每个软件“点哪里”，也能理解它们在开发链条中各自承担什么角色。
二、让项目从第一行代码就受管理：
课程接着创建React Native项目，并在模拟器中确认运行效果。Git与GitHub从第一天就加入流程，通过提交记录保存每次变化，让项目从起步阶段便具备清晰的版本历史。即使后续调整界面结构或数据模型，也能追踪改动、定位问题并安全回退。
Superpowers插件为Claude Code补充头脑风暴、编写计划、执行计划和子智能体驱动开发等工作方法。课程会展示这些技能如何组织任务，而不是让智能体拿到一句模糊需求就直接写代码。插件安装在开发环境之外，项目本身仍保持独立、清楚，也方便后续继续维护。
三、先把想法变成可执行方案：
“我想做一个Airbnb应用”看起来明确，真正动手时却会迅速暴露出大量问题：有哪些页面，房源信息存放在哪里，用户怎样登录，预订流程如何流转，房东与管理功能如何区分？
课程用头脑风暴技能逐步追问这些细节，再把讨论结果整理成设计文档。随后通过编写计划，把整体设计拆成一系列边界清楚的小任务。设计决定产品方向，计划决定开发顺序，两者分开，可以减少写到一半才发现结构不合理的返工。
项目规则同样被正式记录。通过CLAUDE文件建立项目约定，让Claude Code了解技术栈、目录结构、命名方式和工作要求；再配置Hooks规则，对关键行为自动检查。部分要求由人工提醒，部分要求在流程中直接拦截，这样规则不必每次都依赖开发者重复说明。
四、认识React Native项目骨架：
课程会拆解Expo Router、页面与标签导航之间的关系，帮助理解移动应用如何从入口进入不同模块。房源浏览、房源详情、收藏、预订、用户中心和房东管理等功能，可以按照清晰的任务逐步落地。
完成结构认识后，课程开始执行第一项任务，为后续页面开发打好基础。开发不再是一口气生成整个应用，而是一项任务、一个验证点地向前推进。每完成一个阶段，都能运行、检查和修正。
五、学会与智能体保持良好协作：
Claude Code能做什么，很大程度上取决于它看见了什么。课程专门讲解智能体上下文，包括项目文件、规则文档和当前任务信息如何影响输出。通过清理无关内容、明确需求边界，可以让回答更集中，减少不必要的修改。
请求的大小同样重要。课程会说明怎样拆成明确任务，哪些内容适合交给智能体，哪些敏感信息或复杂决策不应直接交出。针对误操作，课程介绍rewind机制，相当于给每一轮修改增加一道回退保障，让大胆尝试不必等于承担不可控的后果。
完成开发任务后，还可以通过自定义技能统一收尾方式，例如检查改动、运行测试、整理提交记录。久而久之，每次任务都按照稳定流程结束，协作不再依赖临时对话。
六、搭建自己的视觉基础与数据底座：
接下来进入应用基础建设。课程告别默认模板外观，建立自己的调色板和界面组件体系，让房源图片、价格、评分、筛选条件和操作按钮形成统一风格。视觉规范先于大量页面开发，可以避免不同页面各写一套样式，也为后续扩展房东端和预订流程留下空间。
数据部分围绕Supabase展开，设计适合住宿应用的数据结构，连接前端与后端，并处理用户、房源、订单之间的关系。安全重点不只是“有没有登录”，还包括不同用户能否修改他人的数据、房东能否管理自己的房源、预订操作是否受到权限限制。通过行级安全策略和明确的数据访问规则，让界面上的按钮与后端的真实授权保持一致。
整门课程共21个视频，总时长2小时35分，适合想进入移动端开发的新手，也适合已经会写代码、但希望提高AI协作效率的开发者。完成课程后，你将拥有一套可运行的Airbnb风格应用，更重要的是掌握从需求、设计、计划、编码到测试和版本管理的一套协作方法。以后再开发新的移动产品，不必只靠一次次复制粘贴，而是能够把智能体真正纳入工程流程。