课程介绍
这门课以 Claude Code 为主力工具，演示一个人借助 AI 完成从想法到上线的完整项目流程。开篇先对比常见的 Vibe Coding 工具，讲清 Claude Code 的安装、插件与 CodingPlan 配置、Opus/Sonnet/Haiku 模型模式的差别，并演示在 Claude 和 Codex 中接入 deepseek-v4-pro 模型；随后通过网页游戏案例讲提示词的类型与写法，以及 Claude.md 的核心配置用法。
产品设计部分让 Claude 充当产品经理生成 PRD 文档，用 Skills 生成 UI 界面，借助 Google Stitch 以自然语言生成原型并完善二级页面，再导出到 Claude Code 中优化项目结构、统一风格基调；还演示了 Figma MCP 生成网页、Stitch 导出 1 比 1 复刻原型和 OpenDesign 高保真原型，并用大白话讲清 Skills 与 MCP 的区别。
开发部分从 Claude Code 集成 Git 和 GitHub MCP 远程同步讲起，让 AI 搭建 MySQL 环境、设计数据库表，实现登录注册与完整后端业务；有编程基础的同学可以选修 JDK/Maven 环境、Spring Boot 项目初始化、提炼大厂代码规范和企业级 Java 后端开发，另有后台管理系统架构设计与开发、基于 SDD 规格驱动的 OpenSpec 实战。跨端部分用 UniApp 一套代码跑通 iOS 模拟器、Android 真机和微信小程序。
收尾阶段覆盖 AI 自动测试与自动修复、产品说明书生成、云服务器采购与 Node、MySQL、Nginx 环境搭建、Claude 全自动发布项目和跨端联调；最后一部分把 AI 用到日常办公，包括自动生成 PDF 与 Word 运营手册、HTML 和 PowerPoint 演示文稿、报表数据分析与可视化、开发自己的生图 Skills，以及自媒体文案写作。
课程目录
第1部分 课程导学
1-1 Vibe Coding实战-课程导学
第2部分 Vibe Coding 概述与学习路径
2-1 Vibe Coding 整体概述
2-2 Vibe Coding 工具对比
2-3 小白第一次用 AI 写代码的体验
2-4 本课程学习路径与完整流程是怎样的？
第3部分 Claude Code 安装、插件与模型配置
3-1 分分钟搞定Claude Code，小白也能一次成功安装指南
3-2 搞定Claude Code 插件安装与CodingPlan配置
3-3 搞懂 Claude Code 大模型模式 Opus, Sonnet, Haiku的区别
3-4 Claude Code 生成网页游戏，实现效率倍儿爽
3-5 【加餐】在Claude和Codex中使用deepseek-v4-pro模型
第4部分 提示词工程与 Claude.md 配置
4-1 提示词三大类型详解与应用实战
4-2 小白也能学会的4种提示词类型及实战
4-3 使用详尽的提示词工程做出更棒的网页游戏实战
4-4 Claude.md 核心配置用法揭秘与实践
第5部分 产品 PRD 与 UI 原型设计（Stitch、Figma MCP、Skills）
5-1 让Claude充当产品经理为你生成强大的PRD文档
5-2 利用优雅的Skills生成好看的UI网站界面
5-3 基于Google Stitch的自然语言UI原型生成与设计实践
5-4 完善产品UI原型二级页面功能与实践(一) – 缺失状态
5-5 完善产品UI原型二级页面功能与实践(二) – 动口不动手
5-6 完善产品UI原型二级页面功能与实践(三) – 课堂练习
5-7 Stitch原型导出与Claude Code优化流程实践
5-8 基于Claude的UI原型优化与交互跳转实现(一) – 优化项目结构
5-9 基于Claude的UI原型优化与交互跳转实现(二) – 精简页面
5-10 Claude 优化页面与功能调整(一) – 风格基调统一
5-11 Claude 优化页面与功能调整(二) – 全站页面调整
5-12 使用Figma MCP 生成网页
5-13 Stitch导出1比1复刻UI原型
5-14 大白话告诉你Skills和MCP的区别
5-15 【加餐课】OpenDesign 设计高保真原型页面
第6部分 版本控制、数据库与后端开发
6-1 Claude Code 集成Git实现本地化版本控制
6-2 Github MCP 工具实现远程仓库同步
6-3 大白话什么是前后端以及数据库
6-4 让 AI 帮你搭建开发环境 MySql，不用折腾也能跑项目
6-5 不会建表？让AI帮你设计专业级数据库结构
6-6 使用Claude Code实现登录注册与数据库联动（适合小白）
6-7 梳理完整的后端核心业务与功能清单
6-8 使用Claude Code实现完整的后端核心业务与逻辑（适合小白） – 上（一）
6-9 使用Claude Code实现完整的后端核心业务与逻辑（适合小白） – 上（二）
6-10 使用Claude Code实现完整的后端核心业务与逻辑（适合小白） – 中
6-11 使用Claude Code实现完整的后端核心业务与逻辑（适合小白）下
6-12 【新增】AI实现Java环境 jdk + maven（适合有编程基础–选修）
6-13 【新增】使用Claude Code初始化Springboot项目（适合有编程基础–选修）
6-14 【新增】使用Claude Code提炼大厂项目代码规范（适合有编程基础–选修）
6-15 【新增】使用Claude Code开发高质量企业级Java后端项目（适合有编程基础–选修）
6-16 让AI帮你设计后台管理系统完整功能架构
6-17 Claude Code 实战开发企业级后台管理系统
6-18 构建专属办公Skills：让AI自动完成周报与工作汇报
6-19 【加餐课】基于SDD规格驱动开发的OpenSpec框架应用实战
第7部分 UniApp 跨端 App 开发
7-1 开发跨端App前必须搞懂的准备工作
7-2 Claude Code 初始化UniApp跨端多平台项目
7-3 Claude Code 开发一套代码跑通全平台之iOS模拟器调试运行
7-4 Claude Code 开发一套代码跑通全平台之Android真机调试运行
7-5 微信小程序注册与配置说明
7-6 Claude Code 开发一套代码跑通全平台之微信小程序调试运行
7-7 【扩展】iOS、Android 应用打包说明
7-8 【扩展】微信小程序发布流程说明
第8部分 AI 自动测试与修复
8-1 什么是测试？为什么项目开发离不开测试
8-2 Vibe Coding 测试实战：AI 自动测试与自动修复(一) – 测试计划
8-3 Vibe Coding 测试实战：AI 自动测试与自动修复(二) – 测试报告
第9部分 项目交付与云服务器上线
9-1 项目交付实战：AI生成产品说明书文档
9-2 项目上线的完整流程详解
9-3 手把手带你操作云服务器采购全流程
9-4 云服务器安装基本环境(一) – Node环境
9-5 云服务器安装基本环境(二) – MySQL9
9-6 云服务器安装基本环境(三) – 数据准备
9-7 云服务器安装基本环境(四) – Claude Code
9-8 发布项目(一) – 安装Nginx服务器
9-9 发布项目(二) – Claude全自动发布项目
9-10 跨端App应用的联调服务器进行测试
第10部分 AI 办公自动化与 Skills 实战
10-1 AI 自动生成运营手册：一键生成 PDF 与 Word 文档
10-2 AI 网页 PPT 实战：HTML 演示文稿自动生成
10-3 AI 本地 PPT 实战：PowerPoint 文件自动生成 – 生成PPT
10-4 AI 本地 PPT 实战：PowerPoint 文件自动生成 – 自动配图（拓展）
10-5 AI 本地 PPT 实战：PowerPoint 文件自动生成 – 模板创建（拓展）
10-6 Claude 自动处理报表数据进行智能分析数据可视化
10-7 自由度拉满搜索skills与病毒风险查杀
10-8 手把手教你开发一个属于自己的开源生图Skills
10-9 AI 全自动编写爆款自媒体文案
第11部分 课程总结
11-1 课程回顾与总结
配套资料
vibe-coding-fengjianyingyue-master（项目源码）
