datawhalechina / easy-vibe

Jump right in and vibe together — if you can talk, you can build apps. 直接上手，一起 vibe！会说话就会做应用。

🚀 Start Exploring · ✨ Interactive Tutorial · 🦞 Learn OpenClaw 🚀 开始体验 · ✨ 交互式教程 · 🦞 学习 OpenClaw

Read Online · Learning Map 开始阅读 · 学习地图

A beginner-friendly learning map: Clear guidance from zero, so you can stop “learning and forgetting”. 面向初学者的学习地图：从零开始的清晰指引，让你告别“学了就忘”。

Step-by-step visual tutorials: Detailed walkthroughs that feel like learning with a private tutor. 分步可视化教程：详尽的引导，感觉就像有私人导师在身边。

Immersive simulated coding: Virtual mouse guidance helps you quickly learn the core IDE workflow. 沉浸式模拟编程：虚拟鼠标引导，助你快速掌握核心 IDE 工作流。

Visible AI principles: Animated explanations make it easy to see how AI generates images. 可视化的 AI 原理：动画演示，让你轻松看懂 AI 如何生成图像。

Learn RAG like a game: Interactive components let you click through the full RAG data flow. 像玩游戏一样学习 RAG：交互式组件让你通过点击即可走完整个 RAG 数据流。

Visual terminal concepts: Command-line behavior becomes intuitive when the underlying logic is visualized. 可视化的终端概念：当底层逻辑被可视化后，命令行操作变得直观易懂。

⭐ Star the repo here to help accelerate updates ❤️ ⭐ 在此处为仓库点赞，助力加速更新 ❤️

📝 Have your own vibe coding story? Submit it here and inspire others! 📝 有你自己的 vibe 编程故事吗？提交在这里，激励他人！

Why Easy-Vibe: Want an expense tracker? Say it. Need a booking system with WeChat login? Say it. Want a blog with comments? Say it. In the AI era, programming starts by describing what you want. Easy-Vibe teaches you how to turn that into a real product. 为什么选择 Easy-Vibe：想要一个记账软件？说出来。需要一个带微信登录的预约系统？说出来。想要一个带评论功能的博客？说出来。在 AI 时代，编程始于描述你的需求。Easy-Vibe 教你如何将其转化为真正的产品。

🔥 News

[2026-03-29] ✨ Vibe Stories launched and upgraded with real user journeys: Added a new homepage Vibe Stories section with an interactive carousel and dedicated story pages, then replaced placeholder content with four real user stories featuring a rural primary school teacher, a college student, a high school IT teacher, and a truck driver who built real products with AI. 👉 View the stories [2026-03-29] ✨ Vibe Stories 上线并升级了真实用户旅程：首页新增了 Vibe Stories 板块，包含交互式轮播图和专属故事页面，并将占位内容替换为四个真实用户故事，主角包括乡村小学教师、大学生、高中信息技术老师和卡车司机，他们都用 AI 构建了真实产品。👉 查看故事

[2026-03-26] 🚀 Major Stage 2 practice update: Completed the SaaS capstone project “Your First SaaS Full-Stack App: Copywriting Generator Website” and substantially expanded the “How to integrate Stripe and payment systems” section, plus key content around multi-product UI and WeChat Mini Program backend workflows. [2026-03-26] 🚀 第二阶段实战重大更新：完成了 SaaS 毕业项目“你的第一个 SaaS 全栈应用：文案生成网站”，并大幅扩展了“如何集成 Stripe 和支付系统”章节，以及关于多产品 UI 和微信小程序后端工作流的关键内容。

[2026-03-25] 📚 New appendix: User Research and Requirement Validation: Added four new articles covering idea sourcing, the Double Diamond model, Jobs to Be Done, and The Mom Test to help beginners discover and validate product ideas. 👉 Read the appendix [2026-03-25] 📚 新增附录：用户研究与需求验证：新增四篇文章，涵盖创意来源、双钻模型、Jobs to Be Done 和《妈妈测试》，帮助初学者发现并验证产品创意。👉 阅读附录

[2026-03-25] 📚 English documentation fully updated: Stage 2 (Full-stack Development) and Stage 3 (Advanced Development) are now fully available in English. 👉 Start learning [2026-03-25] 📚 英文文档全面更新：第二阶段（全栈开发）和第三阶段（进阶开发）现已全面支持英文。👉 开始学习

Past News

[2026-03-02] 🦞 OpenClaw and AI Agent friendly support: Added llms.txt so OpenClaw, Claude, Cursor, Trae, and other AI agents can quickly understand the repository structure and find the right tutorial content. [2026-03-02] 🦞 OpenClaw 和 AI Agent 友好支持：添加了 llms.txt，以便 OpenClaw、Claude、Cursor、Trae 等 AI Agent 能快速理解仓库结构并找到合适的教程内容。

[2026-03-01] The Advanced Development section has been comprehensively upgraded with deep guides for Claude Code, including MCP, Skills, Agent Teams, and more, along with eight cross-platform project tutorials. [2026-03-01] 进阶开发板块全面升级，深度指南涵盖 Claude Code，包括 MCP、Skills、Agent Teams 等，并新增八个跨平台项目教程。

[2026-02-25] Updated the Appendix Knowledge Base, now covering 9 knowledge areas and 80+ interactive topics. [2026-02-25] 更新了附录知识库，现已覆盖 9 大知识领域和 80 多个交互式主题。

[2026-01-27] Added Android and iOS app development tutorials. [2026-01-27] 新增 Android 和 iOS 应用开发教程。

[2026-01-19] Released interactive demos for Prompt Engineering, AI history, authentication design, Git principles, and more. [2026-01-19] 发布了关于提示词工程、AI 历史、认证设计、Git 原理等内容的交互式演示。

[2026-01-16] Reorganized the project structure and formally established a beginner entry path. [2026-01-16] 重组了项目结构，并正式确立了初学者入门路径。

[2026-01-14] Completed a large update to the Stage 1 product prototyping docs. [2026-01-14] 完成了第一阶段产品原型设计文档的大规模更新。

[2026-01-13] Refactored the documentation architecture and fully enabled multi-language support. [2026-01-13] 重构了文档架构，并全面启用了多语言支持。

[2026-01-01] Released the core learning map for the project. [2026-01-01] 发布了项目的核心学习地图。

Who This Is For

Complete beginners: Build your first project first, then understand how it works.
完全初学者： 先构建你的第一个项目，然后再理解其工作原理。
Product managers / founders: Validate ideas fast and build MVPs at low cost.
产品经理 / 创始人： 快速验证创意，以低成本构建 MVP。
Students: Develop practical skills for the AI era.
学生： 培养 AI 时代的实用技能。
Junior developers: Learn the full path from idea to launch.
初级开发者： 学习从创意到上线的全路径。
Mid-level and senior developers: Upgrade your AI collaboration workflow for complex projects.
中高级开发者： 升级你的 AI 协作工作流，以应对复杂项目。

Your Learning Paths

🎮 I want a fast first win 🎮 我想要快速获得第一次成功 Best for: Everyone 适合人群：所有人 What you will learn: What AI coding actually feels like through a simple, concrete hands-on example. 你将学到：通过一个简单、具体的动手示例，感受 AI 编程的真实体验。 What you will get: A clear first impression of vibe coding and how to work with AI by conversation. 你将获得：对 vibe 编程的清晰初印象，以及如何通过对话与 AI 协作。 [Start here] [从这里开始]

💡 I want to turn an idea into a product prototype 💡 我想要将创意转化为产品原型 Best for: Beginners / product managers / founders 适合人群：初学者 / 产品经理 / 创始人 What you will learn: Learning roadmap, AI IDE tools, idea validation, prototyping, AI capability integration, and full demo iteration. 你将学到：学习路线图、AI IDE 工具、创意验证、原型设计、AI 能力集成以及完整的演示迭代。 What you will get: A demoable AI product prototype you can actually show to users or teammates. 你将获得：一个可演示的 AI 产品原型，你可以真正向用户或队友展示。 [Start learning] [开始学习]

🚀 I want to build full-stack products end to end 🚀 我想要端到端构建全栈产品 Best for: Junior developers / indie hackers / advanced learners 适合人群：初级开发者 / 独立开发者 / 进阶学习者 What you will learn: Frontend workflows, design-to-code, databases, backend APIs, deployment, billing, and major projects. 你将学到：前端工作流、设计转代码、数据库、后端 API、部署、计费以及大型项目。 What you will get: The ability to independently ship modern AI-enabled web applications. 你将获得：独立发布现代 AI 赋能 Web 应用的能力。 [Start learning] [开始学习]

AI-Native: I want advanced Claude Code and agent workflows AI 原生：我想要进阶的 Claude Code 和 Agent 工作流 Best for: Developers interested in AI-native engineering 适合人群：对 AI 原生工程感兴趣的开发者 What you will learn: Claude Code, MCP, Skills, Agent Teams, long-running tasks, Spec Coding, and cross-platform app delivery. 你将学到：Claude Code、MCP、Skills、Agent Teams、长任务处理、Spec Coding 以及跨平台应用交付。 What you will get: A stronger workflow for complex AI-assisted development and automation. 你将获得：更强大的复杂 AI 辅助开发与自动化工作流。 [Go to advanced development] [前往进阶开发]

📚 I want reference material and fundamentals 📚 我想要参考资料和基础知识 Best for: Everyone 适合人群：所有人 What you will learn: Computer fundamentals, frontend/backend basics, infrastructure, AI principles, and engineering practices. 你将学到：计算机基础、前后端基础、基础设施、AI 原理以及工程实践。 What you will get: A long-term reference knowledge base covering 9 major knowledge areas. 你将获得：一个涵盖 9 大知识领域的长期参考知识库。 [Browse the knowledge base] [浏览知识库]

Study Suggestions

If you are a beginner, product manager, or founder, start with Stage 1.
如果你是初学者、产品经理或创始人，请从第一阶段开始。
If you want to move from prototypes to full-stack delivery, start with Stage 2.
如果你想从原型设计转向全栈交付，请从第二阶段开始。
If you want advanced Claude Code workflows or cross-platform projects, go to Stage 3.
如果你想要进阶的 Claude Code 工作流或跨平台项目，请前往第三阶段。
If you get blocked by concepts or missing background knowledge, use the Appendix Knowledge Base.
如果你被概念卡住或缺乏背景知识，请使用附录知识库。