保姆级ClaudeCode完整实战教程（内附详细文档）
MCP 实战进阶：Figma 设计稿直接转代码
配置 Figma MCP，将设计稿直接转换为前端代码，大幅缩短从设计到开发的时间。
AI 待办事项应用：接入 DeepSeek 大模型 API
接入 DeepSeek 大模型 API，为待办事项应用加上智能分类、优先级排序和子任务拆解能力。
n8n MCP 实战：小红书数据采集+AI 仿写
搭建小红书数据采集与 AI 仿写的自动化工作流，学习爆款内容模式并生成原创笔记。
Supabase Auth：轻松接入邮件登录注册
用 Supabase Auth 几行代码接入邮箱登录注册，实现完整的用户认证与登录状态管理。
Dify Agent 实战：构建智能客服与选车助手
用 Dify 搭建智能客服和选车助手两个 Agent，掌握工具调用和知识库配置。
开源变现实战：复刻经典工具并赚取被动收入
用 Claude Code 复刻一个经典工具，通过开源 + SaaS 托管 + 付费增值的模式赚取被动收入。
海外支付入门：Creem 接入与美金收款
接入 Creem 海外支付平台，实现信用卡收款和美金结算，让你的产品面向海外收费。
AI 试衣出海产品：用 Claude Code 快速搭建
用 Claude Code 快速搭建 AI 试衣产品原型，实现图片换装、Token 计费和双市场定价。
ShipAny 模板实战：快速搭建 AI 工具出海产品
基于 ShipAny 开源 SaaS 模板，快速搭建一个 AI 漫画出海产品，从模板定制到部署上线。
Supabase RLS：数据安全策略设置
理解 RLS 行级安全策略的原理与写法，确保每个用户只能访问自己的数据。
Vercel 部署：免费快速上线你的网站
用 Vercel 一键部署 Next.js 项目，完成域名绑定、环境变量配置和 HTTPS 设置。
Memory 系统：让 Claude Code 记住你的偏好
掌握 Memory 系统的工作原理，让 Claude Code 在不同会话间记住你的偏好和项目约定。
Supabase Storage：文件上传与管理
掌握 Supabase Storage 的 Bucket 与文件路径机制，在项目中实现图片上传与展示功能。
Zeabur 部署：新手友好的全栈托管方案
在 Zeabur 上部署包含前端、后端和数据库的完整项目，掌握全栈托管的配置方法。
Hooks 自动化：代码检查、格式化与提交流程
配置 Claude Code Hooks 实现代码检查、自动格式化和提交规范，让重复操作自动化。
Supabase Database：用 Claude Code 实现 CRUD
以 Todo 应用为例，用 Claude Code 配合 Supabase 实现完整的增删改查操作。
AI 毒舌影评小程序：让大模型点评热门电影
做一个 AI 影评小程序，让大模型用毒舌风格点评热门电影，设计裂变分享卡片。
CLAUDE.md 进阶：让 AI 深度理解你的项目规范
深入掌握 CLAUDE.md 的完整结构和最佳实践，让 Claude Code 深度理解你的项目规范与约定。
天气穿搭 H5：AI 生图+穿搭推荐
做一个天气穿搭推荐 H5 页面，根据实时天气调用 AI 生图接口展示穿搭效果图。
Plan Mode 实战：复杂需求先规划再动手
学会在复杂需求下先进入 Plan Mode 规划方案，确认后再逐步执行，避免返工。
AI 图库小程序：腾讯云开发+图像生成实战
用腾讯云开发 + Claude Code 做一个 AI 图库小程序，实现文字生图、作品展示与社交分享。
n8n + Claude Code：B站热榜自动采集 Agent
用 n8n 搭建定时抓取 B 站热榜的自动化工作流，配合 Claude Code 生成每日内容简报。
iOS 应用开发：Claude Code + EasyApp 含订阅支付
用 Claude Code + EasyApp 搭建一个 AI 语音记账 iOS 应用，接入 Apple 订阅支付。
Supabase 入门：项目初始化与数据库建表
了解 Supabase 的核心能力，注册账号并创建第一个项目，在控制台完成数据库建表操作。
长期维护：规范、文档、监控和迭代节奏
建立项目文档、代码规范和监控体系，用 Claude Code 辅助长期维护，让项目持续健康迭代。
和其他 AI 工具协作：Claude Code、Codex、v0 的分工
对比 Claude Code、Codex CLI、Cursor 和 v0 的定位与能力，学会在不同场景下组合使用。
从想法到商业化：完整做一个可卖的项目
从需求分析到部署上线，完整走一遍做一个可商业化产品的全流程，串联所有已学技能。
多语言与出海：面向海外用户的项目结构
掌握多语言架构设计、i18n 方案配置和海外用户习惯适配，让你的产品面向全球用户。
Claude Code + n8n：把重复工作自动化
用 n8n 搭建自动化工作流，配合 Claude Code 实现数据采集、内容生成和自动推送。
Claude Code + MCP：把外部能力接进工作流
通过 MCP 协议将外部工具和服务接入 Claude Code 工作流，大幅扩展 AI 编程的能力边界。
部署上线：域名、Nginx、服务器与发布流程
从域名注册、服务器配置到 Nginx 反向代理与 HTTPS，掌握项目从本地上线的完整部署流程。
国内个人支付接入：从产品到收款闭环
接入 ZPAY 支付平台，在你的产品中实现支付宝收款，从支付按钮到回调验证的完整闭环。
做一个小工具型 H5：从需求到上线
做一个可在微信里传播的小工具型 H5 页面，从需求分析、移动端适配到分享优化全流程。
浏览器插件实战：让 AI 帮你处理网页信息
从零开发一个 Chrome 浏览器插件，让 AI 帮你提取和整理网页信息，最终发布到应用商店。
做一个导航站：前台、后台与内容管理
搭建一个包含前台展示、后台管理与数据存储的完整导航站，覆盖全栈开发所有环节。
从模板到改造：做自己的博客或个人主页
从开源博客模板出发，用 Claude Code 改造成自己风格的个人主页或博客，部署上线即可分享。
数据库与 SQL：AI 时代也必须懂的持久化基础
理解表、行、列与 SQL 的增删改查，为后续使用 Supabase 打下坚实基础。
Flask 最小 API：把前后端真正连起来
用几行代码启动一个 Flask API，完成前后端数据交互的完整闭环。
Python 快速补底：让你看得懂 AI 写的后端代码
不追求精通，但要能看懂 AI 写的后端代码，掌握变量、函数、数据结构和模块引入。
后端接口思维：参数、响应和错误处理
理解后端接口的请求参数、响应格式与错误处理，学会用自然语言向 Claude Code 描述你想要的 API。
Next.js 入门：从路由到页面结构
理解 App Router 文件路由机制，用 Claude Code 快速搭建一个多页面 Next.js 网站。
前端基本盘：页面、组件与数据流
用大白话理解页面的骨架、皮肤与行为，掌握组件化和数据流这两个前端核心概念。
新手避坑：让 AI 写代码时不把项目搞坏
学会在 AI 写代码时保护项目不搞坏，掌握 Git 保护、文件检查和改动确认的实用技巧。
Git 安全网：提交、回滚与分支习惯
OpenClaw 在 云服务器安装
开箱即用，而且自带可视化配置面板，不需要再去应用模板里搜来搜去。
OpenClaw详解
OpenClaw不仅仅是一个对话机器人，它是一个具备持久记忆、鲜明个性且能主动执行任务的智能伙伴。它通过“工作区核心文件”与“功能扩展包（Skills）”的配合，实现从被动问答到主动服务的跨越。
