easy-vibe README

The project's README from github.com/datawhalechina/easy-vibe. As one markdown file: README.md.

Easy-Vibe Logo Easy-Vibe — Think it. Build it. From first idea to real product.

Learn AI coding from zero by shipping real products.
从零开始学 AI 编程,把想法真正做成产品。

datawhalechina/easy-vibe | Trendshift

你好 · Hello · 哈囉 · こんにちは · 안녕하세요 · Hola · Bonjour · Hallo · مرحبا · Xin chào
Our tutorial supports 10 languages. Let's code together!
我们的教程支持 10 种语言,欢迎世界各地的朋友一起 coding!

🚀 Start Exploring · ✨ Interactive Tutorial · 🦞 Learn OpenClaw · 📖 Table of Contents
🚀 开始体验 · ✨ 交互式教程 · 🦞 学习 OpenClaw · 📖 查看目录

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

Stars Forks License

English 简体中文 繁體中文 日本語 Español Français 한국어 العربية Tiếng_Việt Deutsch


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

Visible AI principles
Animated explanations make it easy to see how AI generates images

Learn RAG like a game
Interactive components let you click through the full RAG data flow

Visual terminal concepts
Command-line behavior becomes intuitive when the underlying logic is visualized

⭐ Star the repo here to help accelerate updates ❤️

Share Your Vibe Story

📝 Have your own vibe coding story? Submit it here and inspire others!

Table of Contents

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.

🔥 News

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-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-02-25] Updated the Appendix Knowledge Base, now covering 9 knowledge areas and 80+ interactive topics.
  • [2026-01-27] Added Android and iOS app development tutorials.
  • [2026-01-19] Released interactive demos for Prompt Engineering, AI history, authentication design, Git principles, and more.
  • [2026-01-16] Reorganized the project structure and formally established a beginner entry path.
  • [2026-01-14] Completed a large update to the Stage 1 product prototyping docs.
  • [2026-01-13] Refactored the documentation architecture and fully enabled multi-language support.
  • [2026-01-01] Released the core learning map for the project.

Who This Is For

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 What you will get: A clear first impression of vibe coding and how to work with AI by conversation

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 What you will get: A demoable AI product prototype you can actually show to users or teammates

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 What you will get: The ability to independently ship modern AI-enabled web applications

Start learning

AI-Native: I want advanced Claude Code and agent workflows

Best for: Developers interested in AI-native engineering What you will learn: Claude Code, MCP, Skills, Agent Teams, long-running tasks, Spec Coding, and cross-platform app delivery What you will get: A stronger workflow for complex AI-assisted development and automation

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 What you will get: A long-term reference knowledge base covering 9 major knowledge areas

Browse the knowledge base

Study Suggestions

📖 Content Navigation

Easy Vibe learning map: from idea validation to full-stack delivery and advanced AI coding

I. Beginner Entry

Section Key Content
Learning Map A guided overview of the full learning journey
AI Era: If You Can Speak, You Can Code Get your first feel for AI coding through examples like Snake
Master AI Programming Tools Learn how AI IDE tools work and build simple local projects with them
Find Great Ideas Learn how to discover and validate product ideas worth building
Build Product Prototypes Move from requirements to single-page and multi-page product prototypes
Integrate AI Capabilities Integrate text, image, and video AI features
Complete project practice Simulate real scenarios, collect user feedback, and iterate on a full project

Appendix: Product and Business Thinking

Section Key Content
Product Thinking and Solution Design Core frameworks for going from zero to one with a product
AI Application Scenario Reference (B2B & B2C) B2B industry and B2C consumer AI application scenarios

Appendix: User Research and Requirement Validation

Section Key Content
Where to find ideas: 3 reference sources that work best for beginners Build a reliable pipeline for finding concrete product opportunities
Double Diamond: first do the right thing, then do it right Use a structured process to move from scattered inspiration to a workable direction
Use Jobs to Be Done to find what users really want done Analyze user goals through real tasks instead of surface-level feature requests
The Mom Test: a user interview method for validating demand Learn how to ask better questions and avoid false-positive feedback

Appendix: Technical Solutions

Section Key Content
What to do if you encounter errors Common vibe coding issues and how to troubleshoot them
Comparison of Seven AI Programming Tools Compare major AI coding platforms through hands-on testing
Design Websites with Agents Learn multi-agent collaboration in practice

II. Junior and Mid-Level Developers

Frontend

Section Key Content
Frontend 0: Build Your Own Asset-Production Agent with Lovart Use Nanobanana and Lovart to batch-generate visual assets and build a drawing agent with intent recognition
Frontend 1: Figma & MasterGo Basics Learn the workflow from design drafts to implementation-ready UI thinking
Frontend 2: Build Your First Modern App - UI Design Learn the UI design foundations behind modern application interfaces
Frontend 3: UI Guidelines and Multi-Product Design Improve consistency and aesthetics across multiple products with shared UI rules
Frontend 4: Make Interfaces Beautiful with LLMs and Skills Use prompts and plugins to make AI generate more polished, distinctive interfaces
Frontend 4: Let's Build Hogwarts Portraits Build an interactive AI-image frontend project from scratch
Frontend 6: From Design Prototype to Project Code Turn design prototypes into frontend code that can really run in the browser
[Frontend 7: Upgrade Your UI with Modern Component Libraries](https://datawhalechina.github.io/easy-vibe/en/stage

easy-vibe (datawhalechina/easy-vibe)

Searching Database…

19.8K ·GitHub
Что это такое?Easy-Vibe — это курс для начинающих от Datawhale ("vibe coding 101"), который учит создавать продукты вместе с ИИ: осваивать программирование, выпуская настоящие продукты — от первой идеи до работающего приложения.
Это приложение, которое нужно установить, или курс, который я читаю в браузере?Курс, который вы читаете в браузере: наглядная обучающая карта с пошаговыми визуальными уроками и интерактивными демо, собранная как сайт на VitePress. Его также можно запустить локально с Node 18+ ('npm install && npm run dev'; в комплекте есть Dockerfile).
Мне нужны свои ИИ-инструменты для программирования до начала курса?Нет — курс объясняет ИИ-инструменты для разработки с нуля и включает практическое сравнение семи ИИ-платформ для программирования. Этап 3 подробно разбирает Claude Code (MCP, Skills, Agent Teams), а файл llms.txt помогает агентам вроде OpenClaw, Claude, Cursor и Trae ориентироваться в репозитории.
Я не разработчик — смогу ли я разобраться?Да — Этап 1 создан для полных новичков, тех, кто впервые делает продукты, и инди-разработчиков; среди целевой аудитории прямо названы продакт-менеджеры, основатели стартапов и студенты, а Этапы 2–3 рассчитаны на разработчиков от джуна до сеньора.
Что именно я буду делать по ходу курса?Вы начнёте с простой игры Snake, чтобы почувствовать, как программировать с ИИ, затем соберёте одно- и многостраничные прототипы, финальный SaaS-проект (генератор текстов для копирайтинга с оплатой через Stripe), фронтенд-проект с ИИ-изображениями (Hogwarts Portraits), а в продвинутой части — приложения для Android/iOS.
Чем интерактивны уроки?Среди демо: симуляция программирования, где виртуальная мышь проводит вас через основной сценарий работы в IDE, кликовая игра, показывающая весь поток данных в RAG, анимированные объяснения того, как ИИ генерирует изображения, и наглядная работа терминала.
Что такое Vibe Stories?Раздел на главной странице с реальными историями пользователей: учитель сельской начальной школы, студент, школьный учитель информатики и дальнобойщик — каждый из них создал настоящий продукт с помощью ИИ.
Материалы ещё поддерживаются?Да — обновления 2026 года перестроили Этап 1 вокруг поиска и проверки реальных потребностей, добавили финальный SaaS-проект с оплатой через Stripe, а также приложение по исследованию пользователей, охватывающее Double Diamond, Jobs to Be Done и The Mom Test.
Size
537.4 MB
Stars
19.8K
Age
9mo
Commits · 90 Days