[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-datawhalechina--easy-vibe":3,"tool-datawhalechina--easy-vibe":61},[4,18,26,36,44,52],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",141543,2,"2026-04-06T11:32:54",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":32,"last_commit_at":42,"category_tags":43,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107888,"2026-04-06T11:32:50",[14,15,13],{"id":45,"name":46,"github_repo":47,"description_zh":48,"stars":49,"difficulty_score":10,"last_commit_at":50,"category_tags":51,"status":17},4487,"LLMs-from-scratch","rasbt\u002FLLMs-from-scratch","LLMs-from-scratch 是一个基于 PyTorch 的开源教育项目，旨在引导用户从零开始一步步构建一个类似 ChatGPT 的大型语言模型（LLM）。它不仅是同名技术著作的官方代码库，更提供了一套完整的实践方案，涵盖模型开发、预训练及微调的全过程。\n\n该项目主要解决了大模型领域“黑盒化”的学习痛点。许多开发者虽能调用现成模型，却难以深入理解其内部架构与训练机制。通过亲手编写每一行核心代码，用户能够透彻掌握 Transformer 架构、注意力机制等关键原理，从而真正理解大模型是如何“思考”的。此外，项目还包含了加载大型预训练权重进行微调的代码，帮助用户将理论知识延伸至实际应用。\n\nLLMs-from-scratch 特别适合希望深入底层原理的 AI 开发者、研究人员以及计算机专业的学生。对于不满足于仅使用 API，而是渴望探究模型构建细节的技术人员而言，这是极佳的学习资源。其独特的技术亮点在于“循序渐进”的教学设计：将复杂的系统工程拆解为清晰的步骤，配合详细的图表与示例，让构建一个虽小但功能完备的大模型变得触手可及。无论你是想夯实理论基础，还是为未来研发更大规模的模型做准备",90106,"2026-04-06T11:19:32",[35,15,13,14],{"id":53,"name":54,"github_repo":55,"description_zh":56,"stars":57,"difficulty_score":10,"last_commit_at":58,"category_tags":59,"status":17},4292,"Deep-Live-Cam","hacksider\u002FDeep-Live-Cam","Deep-Live-Cam 是一款专注于实时换脸与视频生成的开源工具，用户仅需一张静态照片，即可通过“一键操作”实现摄像头画面的即时变脸或制作深度伪造视频。它有效解决了传统换脸技术流程繁琐、对硬件配置要求极高以及难以实时预览的痛点，让高质量的数字内容创作变得触手可及。\n\n这款工具不仅适合开发者和技术研究人员探索算法边界，更因其极简的操作逻辑（仅需三步：选脸、选摄像头、启动），广泛适用于普通用户、内容创作者、设计师及直播主播。无论是为了动画角色定制、服装展示模特替换，还是制作趣味短视频和直播互动，Deep-Live-Cam 都能提供流畅的支持。\n\n其核心技术亮点在于强大的实时处理能力，支持口型遮罩（Mouth Mask）以保留使用者原始的嘴部动作，确保表情自然精准；同时具备“人脸映射”功能，可同时对画面中的多个主体应用不同面孔。此外，项目内置了严格的内容安全过滤机制，自动拦截涉及裸露、暴力等不当素材，并倡导用户在获得授权及明确标注的前提下合规使用，体现了技术发展与伦理责任的平衡。",88924,"2026-04-06T03:28:53",[14,15,13,60],"视频",{"id":62,"github_repo":63,"name":64,"description_en":65,"description_zh":66,"ai_summary_zh":66,"readme_en":67,"readme_zh":68,"quickstart_zh":69,"use_case_zh":70,"hero_image_url":71,"owner_login":72,"owner_name":73,"owner_avatar_url":74,"owner_bio":75,"owner_company":76,"owner_location":76,"owner_email":76,"owner_twitter":76,"owner_website":77,"owner_url":78,"languages":79,"stars":88,"forks":89,"last_commit_at":90,"license":76,"difficulty_score":32,"env_os":91,"env_gpu":92,"env_ram":92,"env_deps":93,"category_tags":96,"github_topics":98,"view_count":32,"oss_zip_url":76,"oss_zip_packed_at":76,"status":17,"created_at":119,"updated_at":120,"faqs":121,"releases":152},4391,"datawhalechina\u002Feasy-vibe","easy-vibe","💻 vibe coding 2026 | Your first modern programming course for beginners to master step by step.","easy-vibe 是一门面向零基础初学者的现代编程入门课程，旨在通过\"vibe coding\"（直觉式编程）理念，让用户像日常对话一样轻松构建应用程序。它主要解决了传统编程学习门槛高、概念抽象以及初学者容易“学了就忘”的痛点，提供了一条从零基础到独立开发的清晰路径。\n\n该项目非常适合完全不懂代码的普通用户、希望快速上手应用开发的学生，以及寻找创新教学方法的 educators。其核心亮点在于将复杂的编程逻辑转化为直观的交互式教程，配合循序渐进的可视化引导，营造出如同私人导师一对一辅导的学习体验。用户无需深究晦涩的语法细节，只需通过自然语言描述需求，即可在引导下完成应用搭建。此外，easy-vibe 拥有完善的多语言支持和开放的学习地图，确保不同背景的学习者都能顺畅起步，真正践行“会说话就会做应用”的愿景，让编程变得简单有趣。","\u003C!-- trigger vercel build -->\n\u003Cdiv align=\"center\">\n\n\u003Cimg src=\"assets\u002Feasy-vibe-logo-hd.svg\" alt=\"Easy-Vibe Logo\" width=\"300\">\n\n\u003Cp align=\"center\" style=\"font-size: 1.2em; color: #666; margin: 20px 0;\">\n  Jump right in and vibe together — if you can talk, you can build apps.\u003Cbr>\n  \u003Cspan style=\"font-size: 0.9em; color: #888;\">直接上手，一起 vibe！会说话就会做应用。\u003C\u002Fspan>\n\u003C\u002Fp>\n\n\u003Ca href=\"https:\u002F\u002Ftrendshift.io\u002Frepositories\u002F22079\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_4a68feb902da.png\" alt=\"datawhalechina\u002Feasy-vibe | Trendshift\" style=\"width: 250px; height: 55px;\" width=\"250\" height=\"55\"\u002F>\u003C\u002Fa>\n\n\u003Cp align=\"center\">\n  🚀 \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fwelcome.html\">Start Exploring\u003C\u002Fa> · ✨ \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fappendix\u002F\">Interactive Tutorial\u003C\u002Fa> · 🦞 \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fhello-claw\">Learn OpenClaw\u003C\u002Fa>\u003Cbr>\n  \u003Cspan style=\"font-size: 0.85em; color: #888;\">🚀 \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fwelcome.html\">开始体验\u003C\u002Fa> · ✨ \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fzh-cn\u002Fappendix\u002F\">交互式教程\u003C\u002Fa> · 🦞 \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fhello-claw\">学习 OpenClaw\u003C\u002Fa>\u003C\u002Fspan>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fwelcome.html\">Read Online\u003C\u002Fa> ·\n  \u003Ca href=\"#-content-navigation\">Learning Map\u003C\u002Fa>\u003Cbr>\n  \u003Cspan style=\"font-size: 0.85em; color: #888;\">\n    \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fwelcome.html\">开始阅读\u003C\u002Fa> ·\n    \u003Ca href=\"#-content-navigation\">学习地图\u003C\u002Fa>\n  \u003C\u002Fspan>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fstargazers\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fdatawhalechina\u002Feasy-vibe?color=660874&style=for-the-badge&logo=star&logoColor=white&labelColor=1a1a2e\" alt=\"Stars\">\u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fnetwork\u002Fmembers\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fdatawhalechina\u002Feasy-vibe?color=660874&style=for-the-badge&logo=git-fork&logoColor=white&labelColor=1a1a2e\" alt=\"Forks\">\u003C\u002Fa>\n    \u003Ca href=\"LICENSE\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-CC_BY_NC_SA_4.0-4ecdc4?style=for-the-badge&logo=creative-commons&logoColor=white&labelColor=1a1a2e\" alt=\"License\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"README.md\">\u003Cimg alt=\"English\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FEnglish-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fzh-CN\u002FREADME.md\">\u003Cimg alt=\"简体中文\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F简体中文-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fzh-TW\u002FREADME.md\">\u003Cimg alt=\"繁體中文\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F繁體中文-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fja-JP\u002FREADME.md\">\u003Cimg alt=\"日本語\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F日本語-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fes-ES\u002FREADME.md\">\u003Cimg alt=\"Español\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FEspañol-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Ffr-FR\u002FREADME.md\">\u003Cimg alt=\"Français\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FFrançais-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fko-KR\u002FREADME.md\">\u003Cimg alt=\"한국어\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F한국어-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Far-SA\u002FREADME.md\">\u003Cimg alt=\"العربية\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fالعربية-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fvi-VN\u002FREADME.md\">\u003Cimg alt=\"Tiếng_Việt\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTiếng_Việt-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fde-DE\u002FREADME.md\">\u003Cimg alt=\"Deutsch\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDeutsch-d9d9d9\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003C\u002Fdiv>\n\u003Ctable align=\"center\">\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_421372c37030.png\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>A beginner-friendly learning map\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>Clear guidance from zero, so you can stop \"learning and forgetting\"\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_b2bf2ee50e41.png\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>Step-by-step visual tutorials\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>Detailed walkthroughs that feel like learning with a private tutor\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_e30cca84f443.gif\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>Immersive simulated coding\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>Virtual mouse guidance helps you quickly learn the core IDE workflow\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_b150559b13c9.gif\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>Visible AI principles\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>Animated explanations make it easy to see how AI generates images\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_491ca6f367ca.gif\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>Learn RAG like a game\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>Interactive components let you click through the full RAG data flow\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_c845b8c2a36b.gif\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>Visual terminal concepts\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>Command-line behavior becomes intuitive when the underlying logic is visualized\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\u003Cdiv align=\"center\">\n  \u003Ch3>⭐ \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\" style=\"color: #d0cd16ff;\">Star the repo here\u003C\u002Fa> to help accelerate updates ❤️\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\" style=\"margin: 30px 0;\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fissues\u002Fnew?template=story_submission.md\">\n    \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_3896d02403a2.png\" alt=\"Share Your Vibe Story\" width=\"80%\" style=\"border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);\">\n  \u003C\u002Fa>\n  \u003Cp style=\"margin-top: 15px; font-size: 1.1em; color: #666;\">\n    📝 \u003Cstrong>Have your own vibe coding story?\u003C\u002Fstrong> \n    Submit it here and inspire others!\n  \u003C\u002Fp>\n\u003C\u002Fdiv>\n\n## Why Easy-Vibe\n\nWant an expense tracker? Say it.\n\nNeed a booking system with WeChat login? Say it.\n\nWant a blog with comments? Say it.\n\nIn the AI era, programming starts by describing what you want.\n\nEasy-Vibe teaches you how to turn that into a real product.\n\n\n## 🔥 News\n\n- **[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](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fzh-cn\u002Fvibe-stories\u002Fstory-1.html)\n- **[2026-03-26]** 🚀 **Major Stage 2 practice update**: Completed the SaaS capstone project \"[Your First SaaS Full-Stack App: Copywriting Generator Website](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fassignments\u002Ffullstack-app\u002F)\" and substantially expanded the \"[How to integrate Stripe and payment systems](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fstripe-payment\u002F)\" section, plus key content around multi-product UI and WeChat Mini Program backend workflows.\n- **[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](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fappendix\u002F)\n- **[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](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002F)\n\u003Cdetails>\n\u003Csummary>Past News\u003C\u002Fsummary>\n\n- **[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.\n- **[2026-03-01]** The [Advanced Development section](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002F) has been comprehensively upgraded with deep guides for Claude Code, including MCP, Skills, Agent Teams, and more, along with eight cross-platform project tutorials.\n- **[2026-02-25]** Updated the [Appendix Knowledge Base](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fappendix\u002F), now covering 9 knowledge areas and 80+ interactive topics.\n- **[2026-01-27]** Added Android and iOS app development tutorials.\n- **[2026-01-19]** Released interactive demos for Prompt Engineering, AI history, authentication design, Git principles, and more.\n- **[2026-01-16]** Reorganized the project structure and formally established a beginner entry path.\n- **[2026-01-14]** Completed a large update to the Stage 1 product prototyping docs.\n- **[2026-01-13]** Refactored the documentation architecture and fully enabled multi-language support.\n- **[2026-01-01]** Released the core learning map for the project.\n\u003C\u002Fdetails>\n\n## Who This Is For\n\n- **Complete beginners**: Build your first project first, then understand how it works\n- **Product managers \u002F founders**: Validate ideas fast and build MVPs at low cost\n- **Students**: Develop practical skills for the AI era\n- **Junior developers**: Learn the full path from idea to launch\n- **Mid-level and senior developers**: Upgrade your AI collaboration workflow for complex projects\n\n\n\n## Your Learning Paths\n\n### 🎮 I want to try it first (5-minute experience)\n**Best for**: Everyone\n**What you will learn**: Your first AI coding experience with a Snake mini-game\n**What you will get**: Your first AI-built app in 5 minutes\n\n[Start here](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002F)\n\n### 💡 I have an idea I want to build\n**Best for**: Beginners \u002F product managers \u002F founders\n**What you will learn**: AI IDE tools, requirement breakdown, page design, feature planning, prompting, prototype iteration\n**What you will get**: A demoable product prototype\n\n[Start learning](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002F)\n\n### 🚀 I want a structured learning path\n**Best for**: Developers \u002F advanced learners\n**What you will learn**: Frontend, backend, databases, AI integration, deployment, Claude Code workflow\n**What you will get**: The ability to ship a full-stack AI app independently\n\n[Start learning](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002F)\n\n### 🦞 I want to build an AI Agent\n**Best for**: Developers interested in AI agents\n**What you will learn**: OpenClaw assistant workflows, the Skills system, and automation\n**What you will get**: Your own command-line AI assistant\n\n[Learn OpenClaw](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fhello-claw)\n\n### 📚 I want to browse reference material\n**Best for**: Everyone\n**What you will learn**: Computer fundamentals, AI principles, and 9 major knowledge areas\n**What you will get**: 80+ interactive reference topics\n\n[Browse the knowledge base](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fappendix\u002F)\n\n## Study Suggestions\n\n- If you are a beginner, product manager, or founder, start with [Stage 0 \u002F Stage 1](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002F)\n- If you already have development experience, start with [Stage 2](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002F)\n- If you want to jump directly into complex projects, go to [Stage 3](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002F)\n- If you want to learn AI agents, check out [Hello Claw](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fhello-claw)\n\n### 📖 Content Navigation\n\n\u003Cdiv align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_ba2cd804204a.png\" alt=\"Learning Map\" width=\"70%\" style=\"border-radius: 10px; box-shadow: 0 8px 20px rgba(45,55,72,0.3); margin: 15px 0;\"\u002F>\n\u003C\u002Fdiv>\n\n### I. Beginner Entry\n\n| Section | Key Content |\n| :------ | :---------- |\n| [Learning Map](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Flearning-map\u002F) | A guided overview of the full learning journey |\n| [In the AI era, if you can talk, you can code](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fai-capabilities-through-games\u002F) | Get your first feel for AI coding through examples like Snake |\n| [Finding great ideas](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Ffinding-great-idea\u002F) | Learn how to discover and validate product ideas worth building |\n| [Introduction to AI IDE tools](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fintroduction-to-ai-ide\u002F) | Learn to use an IDE and build simple local projects |\n| [Build your prototype](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fbuilding-prototype\u002F) | Move from requirements to single-page and multi-page product prototypes |\n| [Add AI capabilities to your prototype](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fintegrating-ai-capabilities\u002F) | Integrate text, image, and video AI features |\n| [Complete project practice](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fcomplete-project-practice\u002F) | Simulate real scenarios, collect user feedback, and iterate on a full project |\n\n#### Appendix: Product and Business Thinking\n\n| Section | Key Content |\n| :------ | :---------- |\n| [Product thinking and solution design](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-a-product-thinking\u002F) | Core frameworks for going from zero to one with a product |\n| [AI industry application scenarios (B2B)](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-industry-scenarios\u002F) | Understand how AI is applied across industries |\n| [AI consumer product inspiration (B2C)](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-c-consumer-scenarios\u002F) | Explore product opportunities in consumer AI |\n\n#### Appendix: Technical Solutions\n\n| Section | Key Content |\n| :------ | :---------- |\n| [What to do when coding errors happen](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-b-common-errors\u002F) | Common vibe coding issues and how to troubleshoot them |\n| [Comparison of seven AI coding tools](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-articles\u002Fexample0-1\u002Fvibe-coding-tools-snake-game-tutorial) | Compare major AI coding platforms through hands-on testing |\n| [Design a website with design and coding agents](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-articles\u002Fexample0-2\u002Fvibe-coding-tools-build-website-with-ai-coding-and-design-agents) | Learn multi-agent collaboration in practice |\n\n### II. Junior and Mid-Level Developers\n\n#### Frontend\n\n| Section | Key Content |\n| :------ | :---------- |\n| [Build your own asset-generation agent starting from Lovart](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Flovart-assets\u002F) | Use Nanobanana and Lovart to generate high-quality visual assets and build a drawing agent that understands intent |\n| [Getting started with Figma and MasterGo](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Ffigma-mastergo\u002F) | Organize information architecture and page structure with design tools |\n| [Build your first modern application: UI design](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fui-design\u002F) | Turn design drafts into component-based interfaces |\n| [UI guidelines and multi-product UI design](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fmulti-product-ui\u002F) | Extend a unified visual system across multiple products |\n| [Make interfaces beautiful with LLMs and Skills](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fllm-skills-beautiful\u002F) | Use prompting and Skills plugins to generate distinctive, polished interfaces |\n| [Build Hogwarts portraits together](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fhogwarts-portraits\u002F) | Create a frontend app from scratch that integrates AI capabilities |\n| [From design prototype to project code](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fdesign-to-code\u002F) | Three practical paths to convert design prototypes into frontend code |\n| [Refresh your UI with modern component libraries](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fmodern-component-library\u002F) | Build more professional interfaces faster with modern component systems |\n\n#### Backend\n\n| Section | Key Content |\n| :------ | :---------- |\n| [From databases to Supabase](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fdatabase-supabase\u002F) | Implement databases and APIs with Supabase and connect them to your frontend |\n| [Use LLMs to write API code and API docs](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fai-interface-code\u002F) | Generate backend code and documentation that is easier to read and test |\n| [Git and GitHub workflow](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fgit-workflow\u002F) | Manage versions and collaborate effectively with Git workflows |\n| [How to deploy web applications](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fzeabur-deployment\u002F) | Deploy apps with platforms like CloudBase, Vercel, and Zeabur |\n| [CLI AI coding tools](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fmodern-cli\u002F) | Build a personal engineering workflow with terminal-based AI tools |\n| [How to integrate Stripe and payment systems](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fstripe-payment\u002F) | Add payment flows and basic billing capabilities |\n| [Capstone: build your first modern full-stack application](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fassignments\u002Ffullstack-app\u002F) | Combine frontend, backend, and payments into a launch-ready web product |\n\n#### AI Capabilities Appendix\n\n| Section | Key Content |\n| :------ | :---------- |\n| [Getting started with Dify and knowledge base integration](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fai-capabilities\u002Fdify-knowledge-base\u002F) | Build utility products with Dify workflows and basic RAG |\n\n### III. Advanced Developers\n\n#### Claude Code Core Skills\n\n| Section | Key Content |\n| :------ | :---------- |\n| [Getting started with Claude Code](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fbasics\u002F) | Installation, setup, fundamentals, and useful commands |\n| [Claude Code MCP guide](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fmcp\u002F) | Connect Claude Code to GitHub, databases, APIs, and other services through MCP |\n| [Claude Code Skills guide](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fskills\u002F) | Package expertise into reusable skills you can use again and again |\n| [Claude Code workflow best practices](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fworkflow\u002F) | Best practices for refactoring, code review, and daily development |\n| [Claude Agent Teams guide](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fagent-teams\u002F) | Coordinate multiple AI instances like a real development team |\n| [Claude Code Superpowers for engineering-grade development](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fsuperpowers\u002F) | Help AI produce engineering-grade code with TDD and best practices |\n| [How to keep Claude Code working for long-running tasks](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Flong-running-tasks\u002F) | Design long-running tasks so coding tools can keep working until the job is done |\n\n#### Cross-Platform Development\n\n| Section | Key Content |\n| :------ | :---------- |\n| [Build a WeChat Mini Program](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fwechat-miniprogram\u002F) | Understand the ecosystem and ship a frontend mini program from template to launch |\n| [Build a WeChat Mini Program with backend](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fwechat-miniprogram-backend\u002F) | Add backend logic and databases to complete the full business loop |\n| [Build an Android app](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fandroid-app\u002F) | Use Expo and related tools to build Android apps across web and native |\n| [Build an iOS app](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fios-app\u002F) | Use Expo and related tools to build iOS apps across web and native |\n| [Build a personal website and academic blog](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fpersonal-brand\u002Fpersonal-website-blog\u002F) | Create an online home for projects, personal branding, and academic work |\n| [Build a local PWA app](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fpwa-local-app\u002F) | Turn a website into a real app with offline support, push, and installation |\n| [Build a browser AI assistant extension](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fbrowser-ai-extension\u002F) | Create a Chrome extension that summarizes any page with either cloud APIs or built-in AI |\n| [Build an Electron desktop app](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Felectron-voice-to-text\u002F) | Build a voice-to-text desktop app with Electron for three platforms |\n| [Rapidly build and mint an NFT](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fnft-minting\u002F) | Write a smart contract from scratch, deploy it, and mint your own NFT |\n| [Build a VS Code extension](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fvscode-extension\u002F) | Build an AI project assistant with templates, code chat, and multi-file Q&A |\n| [Build an industrial-grade Qt desktop app](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fqt-industrial-hmi\u002F) | Create a real-time Qt HMI system with trends, alerts, and monitoring |\n\n#### AI Capabilities Appendix\n\n| Section | Key Content |\n| :------ | :---------- |\n| [What is RAG and how does it work](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fai-advanced\u002Frag-introduction\u002F) | Build a systematic understanding of RAG principles and common architectures |\n| [Intermediate and advanced RAG workflows with LangGraph](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fai-advanced\u002Flanggraph-advanced-rag\u002F) | Design multi-step workflows and more advanced RAG systems |\n\n### 📚 Appendix Knowledge Base\n\n> Covering **9 major knowledge areas** and **80+ interactive topics**, this appendix uses animation and visual components to help you intuitively understand core concepts from computer fundamentals to the AI frontier.\n>\n> 👉 [View the full appendix](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fappendix\u002F)\n\n## 🛠️ How To Learn\n\n- Read and practice the sections that match your current level. If you get stuck, feel free to open an issue.\n\n## 💻 Run Locally\n\n### Modern approach\n\nIn an AI IDE chat window such as VS Code, Cursor, or Trae, you can simply say:\n\n```text\nPlease help me run this project locally.\n```\n\n### Traditional approach\n\n1. `npm install`\n2. `npm run dev`\n3. Open `http:\u002F\u002Flocalhost:3000` in your browser.\n\n## 🤝 Contributing\n\n- If you find an issue or see something that can be improved, feel free to open an issue. If nobody replies, you can also contact the [Datawhale support team](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FOP.md).\n- If you want to contribute, open a pull request. If nobody replies, you can also contact the [Datawhale support team](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FOP.md).\n- If you want to start a new Datawhale open-source project, please follow the [Datawhale Open Source Project Guide](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FGUIDE.md).\n\n## 🙏 Contributors\n\n- [Sanbu - Project Lead](https:\u002F\u002Fgithub.com\u002Fsanbuphy) (Datawhale member)\n- Fang Ke - Mentor (Datawhale member, Tsinghua University)\n- [Yerim Kang](https:\u002F\u002Fgithub.com\u002Fyerim25) (Practice projects, Tsinghua University)\n- [Zhilin Zhao](https:\u002F\u002Fgithub.com\u002FChileenZ) (Practice projects, Tsinghua University)\n- [Yixuan Li](https:\u002F\u002Fyixuan20.github.io\u002F) (Visual design, Tsinghua University)\n- Siyi Liu (Practice projects, Tsinghua University)\n- [Lixin Liu](https:\u002F\u002Fgithub.com\u002Fliulx25xx) (Practice projects, Tsinghua University)\n- Everyone in the AI Vibe Coding 101 internal testing group who shared suggestions and feedback\n\n### Special Thanks\n\n- Thanks to [@Sm1les](https:\u002F\u002Fgithub.com\u002FSm1les) for the help and support on this project\n- Thanks to every contributor and everyone who supported the project with feedback and stars ❤️\n\n\u003Cdiv align=\"center\"> \n \u003Ca href=\"https:\u002F\u002Fwww.star-history.com\u002F#datawhalechina\u002Feasy-vibe&type=timeline&legend=top-left\"> \n   \u003Cpicture> \n     \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=datawhalechina\u002Feasy-vibe&type=timeline&theme=dark&legend=top-left\" \u002F> \n     \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=datawhalechina\u002Feasy-vibe&type=timeline&legend=top-left\" \u002F> \n   \u003C\u002Fpicture> \n \u003C\u002Fa>\n\u003C\u002Fdiv>\n\n\u003Cdiv align=center style=\"margin-top: 30px;\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fgraphs\u002Fcontributors\">\n    \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_3442b8f0041e.png\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n\n## 📄 LICENSE\n\n\u003Cdiv align=\"center\">\n\u003Ca rel=\"license\" href=\"http:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F\">\n  \u003Cimg\n    alt=\"Creative Commons License\"\n    style=\"border-width:0\"\n    src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-CC%20BY--NC--SA%204.0-lightgrey\"\n  \u002F>\n\u003C\u002Fa>\n\u003Cbr \u002F>\nThis work is licensed under the\n\u003Ca rel=\"license\" href=\"http:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F\">\n  Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License\n\u003C\u002Fa>.\n\u003C\u002Fdiv>\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_f7dd3901698a.png)](https:\u002F\u002Fwww.star-history.com\u002F#datawhalechina\u002Feasy-vibe&type=date&legend=top-left)\n","\u003C!-- 触发 Vercel 构建 -->\n\u003Cdiv align=\"center\">\n\n\u003Cimg src=\"assets\u002Feasy-vibe-logo-hd.svg\" alt=\"Easy-Vibe Logo\" width=\"300\">\n\n\u003Cp align=\"center\" style=\"font-size: 1.2em; color: #666; margin: 20px 0;\">\n  立即开始，一起体验——只要你能表达，就能构建应用。\u003Cbr>\n  \u003Cspan style=\"font-size: 0.9em; color: #888;\">直接上手，一起 vibe！会说话就会做应用。\u003C\u002Fspan>\n\u003C\u002Fp>\n\n\u003Ca href=\"https:\u002F\u002Ftrendshift.io\u002Frepositories\u002F22079\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_4a68feb902da.png\" alt=\"datawhalechina\u002Feasy-vibe | Trendshift\" style=\"width: 250px; height: 55px;\" width=\"250\" height=\"55\"\u002F>\u003C\u002Fa>\n\n\u003Cp align=\"center\">\n  🚀 \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fwelcome.html\">开始探索\u003C\u002Fa> · ✨ \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fappendix\u002F\">交互式教程\u003C\u002Fa> · 🦞 \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fhello-claw\">学习 OpenClaw\u003C\u002Fa>\u003Cbr>\n  \u003Cspan style=\"font-size: 0.85em; color: #888;\">🚀 \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fwelcome.html\">开始体验\u003C\u002Fa> · ✨ \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fzh-cn\u002Fappendix\u002F\">交互式教程\u003C\u002Fa> · 🦞 \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fhello-claw\">学习 OpenClaw\u003C\u002Fa>\u003C\u002Fspan>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fwelcome.html\">在线阅读\u003C\u002Fa> ·\n  \u003Ca href=\"#-content-navigation\">学习地图\u003C\u002Fa>\u003Cbr>\n  \u003Cspan style=\"font-size: 0.85em; color: #888;\">\n    \u003Ca href=\"https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fwelcome.html\">开始阅读\u003C\u002Fa> ·\n    \u003Ca href=\"#-content-navigation\">学习地图\u003C\u002Fa>\n  \u003C\u002Fspan>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fstargazers\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fdatawhalechina\u002Feasy-vibe?color=660874&style=for-the-badge&logo=star&logoColor=white&labelColor=1a1a2e\" alt=\"星标\">\u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fnetwork\u002Fmembers\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fdatawhalechina\u002Feasy-vibe?color=660874&style=for-the-badge&logo=git-fork&logoColor=white&labelColor=1a1a2e\" alt=\"叉子\">\u003C\u002Fa>\n    \u003Ca href=\"LICENSE\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-CC_BY_NC_SA_4.0-4ecdc4?style=for-the-badge&logo=creative-commons&logoColor=white&labelColor=1a1a2e\" alt=\"许可证\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"README.md\">\u003Cimg alt=\"英语\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FEnglish-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fzh-CN\u002FREADME.md\">\u003Cimg alt=\"简体中文\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F简体中文-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fzh-TW\u002FREADME.md\">\u003Cimg alt=\"繁體中文\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F繁體中文-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fja-JP\u002FREADME.md\">\u003Cimg alt=\"日本語\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F日本語-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fes-ES\u002FREADME.md\">\u003Cimg alt=\"Español\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FEspañol-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Ffr-FR\u002FREADME.md\">\u003Cimg alt=\"Français\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FFrançais-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fko-KR\u002FREADME.md\">\u003Cimg alt=\"한국어\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F한국어-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Far-SA\u002FREADME.md\">\u003Cimg alt=\"العربية\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fالعربية-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fvi-VN\u002FREADME.md\">\u003Cimg alt=\"Tiếng_Việt\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTiếng_Việt-d9d9d9\">\u003C\u002Fa>\n  \u003Ca href=\"docs-readme\u002Fde-DE\u002FREADME.md\">\u003Cimg alt=\"Deutsch\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDeutsch-d9d9d9\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003C\u002Fdiv>\n\u003Ctable align=\"center\">\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_421372c37030.png\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>适合初学者的学习地图\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>从零开始的清晰指引，让你告别“学了就忘”的困境\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_b2bf2ee50e41.png\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>循序渐进的可视化教程\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>细致入微的讲解，仿佛拥有私人导师般的学习体验\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_e30cca84f443.gif\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>沉浸式的模拟编程\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>虚拟鼠标引导帮助你快速掌握 IDE 的核心工作流程\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_b150559b13c9.gif\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>直观的 AI 原理\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>动画讲解让你轻松理解 AI 如何生成图像\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_491ca6f367ca.gif\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>像玩游戏一样学习 RAG\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>通过交互式组件，你可以一步步点击并了解完整的 RAG 数据流\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\" align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_c845b8c2a36b.gif\" width=\"100%\">\n      \u003Cbr>\n      \u003Cstrong>可视化的终端概念\u003C\u002Fstrong>\n      \u003Cbr>\n      \u003Csub>当底层逻辑被可视化时，命令行操作便变得直观易懂\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\u003Cdiv align=\"center\">\n  \u003Ch3>⭐ \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\" style=\"color: #d0cd16ff;\">在此为仓库加星标\u003C\u002Fa>，助力项目加速更新 ❤️\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\" style=\"margin: 30px 0;\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fissues\u002Fnew?template=story_submission.md\">\n    \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_3896d02403a2.png\" alt=\"分享你的 vibe 故事\" width=\"80%\" style=\"border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);\">\n  \u003C\u002Fa>\n  \u003Cp style=\"margin-top: 15px; font-size: 1.1em; color: #666;\">\n    📝 \u003Cstrong>你有自己的 vibe 编程故事吗？\u003C\u002Fstrong> \n    在这里提交，激励更多人吧！\n  \u003C\u002Fp>\n\u003C\u002Fdiv>\n\n## 为什么选择 Easy-Vibe\n\n想要一个记账工具？说出来就行。\n\n需要一个支持微信登录的预约系统？说出来就行。\n\n想做一个带评论功能的博客？说出来就行。\n\n在 AI 时代，编程的第一步就是描述你想要的东西。\n\nEasy-Vibe 就是教你如何将这些想法变成真正的产品。\n\n## 🔥 新闻\n\n- **[2026-03-29]** ✨ **Vibe Stories 上线并升级，融入真实用户故事**：新增首页 Vibe Stories 栏目，配备交互式轮播图和专属故事页面；同时用四位真实用户的案例替换了原有占位内容，包括一位乡村小学教师、一名大学生、一位高中信息技术老师以及一位利用 AI 打造实际产品的卡车司机。[👉 查看故事](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fzh-cn\u002Fvibe-stories\u002Fstory-1.html)\n- **[2026-03-26]** 🚀 **第二阶段实践内容重大更新**：完成了 SaaS 综合项目“你的第一个 SaaS 全栈应用：文案生成网站”（[链接](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fassignments\u002Ffullstack-app\u002F)），并大幅扩充了“如何集成 Stripe 及支付系统”章节的内容，此外还新增了多产品 UI 设计及微信小程序后端流程等关键内容。\n- **[2026-03-25]** 📚 **新增附录：用户研究与需求验证**：添加了四篇新文章，涵盖创意挖掘、双钻模型、待办工作理论以及妈妈测试法，帮助初学者发现并验证产品创意。[👉 阅读附录](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fappendix\u002F)\n- **[2026-03-25]** 📚 **英文文档全面更新**：第二阶段（全栈开发）和第三阶段（进阶开发）现已完整提供英文版。[👉 开始学习](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002F)\n\n\u003Cdetails>\n\u003Csummary>往期新闻\u003C\u002Fsummary>\n\n- **[2026-03-02]** 🦞 **为 OpenClaw 和 AI 代理友好优化**：新增 `llms.txt` 文件，使 OpenClaw、Claude、Cursor、Trae 等 AI 代理能够快速理解仓库结构，精准定位教程内容。\n- **[2026-03-01]** 【进阶开发板块】（[链接](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002F)）已全面升级，新增 Claude Code 深度指南，涵盖 MCP、技能体系、代理团队等内容，并配套八款跨平台项目教程。\n- **[2026-02-25]** 更新【附录知识库】（[链接](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fappendix\u002F)），现覆盖 9 大知识领域及 80 余项互动主题。\n- **[2026-01-27]** 增加了 Android 和 iOS 应用开发教程。\n- **[2026-01-19]** 发布了提示工程、AI 发展史、认证设计、Git 原理等交互式演示。\n- **[2026-01-16]** 重新梳理了项目结构，正式确立了面向初学者的学习路径。\n- **[2026-01-14]** 完成了第一阶段产品原型设计文档的大规模更新。\n- **[2026-01-13]** 重构了文档架构，全面支持多语言切换。\n- **[2026-01-01]** 发布了项目的核心学习路线图。\n\u003C\u002Fdetails>\n\n## 适合人群\n\n- **完全新手**：先动手搭建第一个项目，再深入理解其运作机制\n- **产品经理\u002F创始人**：快速验证想法，低成本构建 MVP\n- **学生**：培养适应 AI 时代的实用技能\n- **初级开发者**：学习从创意到上线的全流程\n- **中高级开发者**：提升复杂项目中的 AI 协作能力\n\n\n\n## 学习路径\n\n### 🎮 我想先试一试（5 分钟体验）\n**适合人群**：所有人  \n**学习内容**：通过贪吃蛇小游戏体验首次 AI 编程  \n**收获**：5 分钟内完成首个由 AI 构建的应用  \n\n[立即开始](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002F)\n\n### 💡 我有一个想要实现的想法\n**适合人群**：初学者、产品经理、创始人  \n**学习内容**：AI IDE 工具、需求拆解、页面设计、功能规划、提示词编写、原型迭代  \n**收获**：可演示的产品原型  \n\n[开始学习](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002F)\n\n### 🚀 我想要一条结构化的学习路径\n**适合人群**：开发者、进阶学习者  \n**学习内容**：前端、后端、数据库、AI 集成、部署、Claude Code 工作流  \n**收获**：独立完成全栈 AI 应用的能力  \n\n[开始学习](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002F)\n\n### 🦞 我想打造一个 AI 代理\n**适合人群**：对 AI 代理感兴趣的开发者  \n**学习内容**：OpenClaw 助手的工作流程、技能系统及自动化技术  \n**收获**：属于自己的命令行 AI 助手  \n\n[学习 OpenClaw](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fhello-claw)\n\n### 📚 我想查阅参考资料\n**适合人群**：所有人  \n**学习内容**：计算机基础、AI 原理及九大知识领域  \n**收获**：80+ 个互动参考主题  \n\n[浏览知识库](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fappendix\u002F)\n\n## 学习建议\n\n- 如果你是初学者、产品经理或创始人，请从【阶段 0\u002F阶段 1】开始（[链接](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002F)）。\n- 如果你已有开发经验，建议直接进入【阶段 2】（[链接](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002F)）。\n- 如果你想直接挑战复杂项目，可以前往【阶段 3】（[链接](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002F)）。\n- 如果你想学习 AI 代理，不妨查看【Hello Claw】项目（[链接](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fhello-claw)）。\n\n### 📖 内容导航\n\n\u003Cdiv align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_ba2cd804204a.png\" alt=\"学习路线图\" width=\"70%\" style=\"border-radius: 10px; box-shadow: 0 8px 20px rgba(45,55,72,0.3); margin: 15px 0;\"\u002F>\n\u003C\u002Fdiv>\n\n### 一、初学者入门\n\n| 版块 | 核心内容 |\n| :------ | :---------- |\n| [学习地图](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Flearning-map\u002F) | 全面学习路径的引导性概述 |\n| [在AI时代，会说话就能编程](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fai-capabilities-through-games\u002F) | 通过贪吃蛇等示例，初步感受AI编程的魅力 |\n| [寻找优秀创意](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Ffinding-great-idea\u002F) | 学习如何发现并验证值得构建的产品创意 |\n| [AI IDE工具简介](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fintroduction-to-ai-ide\u002F) | 掌握IDE的使用方法，并搭建简单的本地项目 |\n| [构建你的原型](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fbuilding-prototype\u002F) | 从需求分析到单页及多页产品原型的实现 |\n| [为原型添加AI能力](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fintegrating-ai-capabilities\u002F) | 集成文本、图像和视频等AI功能 |\n| [完整项目实践](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fcomplete-project-practice\u002F) | 模拟真实场景，收集用户反馈，并对完整项目进行迭代优化 |\n\n#### 附录：产品与商业思维\n\n| 版块 | 核心内容 |\n| :------ | :---------- |\n| [产品思维与解决方案设计](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-a-product-thinking\u002F) | 从零到一打造产品的核心框架 |\n| [AI行业应用场景（B2B）](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-industry-scenarios\u002F) | 了解AI在各行业的具体应用方式 |\n| [AI消费级产品灵感（B2C）](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-c-consumer-scenarios\u002F) | 探索消费级AI领域的潜在产品机会 |\n\n#### 附录：技术解决方案\n\n| 版块 | 核心内容 |\n| :------ | :---------- |\n| [编码出错怎么办](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-b-common-errors\u002F) | 常见Vibe编码问题及其排查方法 |\n| [七款AI编程工具对比](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-articles\u002Fexample0-1\u002Fvibe-coding-tools-snake-game-tutorial) | 通过实操测试比较主流的AI编程平台 |\n| [利用设计与编码智能体设计网站](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-1\u002Fappendix-articles\u002Fexample0-2\u002Fvibe-coding-tools-build-website-with-ai-coding-and-design-agents) | 实践多智能体协作的应用 |\n\n### 二、初级与中级开发者\n\n#### 前端\n\n| 版块 | 核心内容 |\n| :------ | :---------- |\n| [从Lovart入手构建自己的资产生成智能体](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Flovart-assets\u002F) | 使用Nanobanana和Lovart生成高质量视觉素材，并构建能够理解意图的绘图智能体 |\n| [Figma与MasterGo入门](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Ffigma-mastergo\u002F) | 利用设计工具梳理信息架构和页面结构 |\n| [构建你的第一个现代应用：UI设计](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fui-design\u002F) | 将设计稿转化为基于组件的界面 |\n| [UI规范与多产品UI设计](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fmulti-product-ui\u002F) | 在多个产品间扩展统一的视觉体系 |\n| [借助LLM与Skills让界面更美观](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fllm-skills-beautiful\u002F) | 使用提示工程和Skills插件生成独特且精致的界面 |\n| [一起制作霍格沃茨的画像](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fhogwarts-portraits\u002F) | 从零开始创建一个集成AI能力的前端应用 |\n| [从设计原型到项目代码](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fdesign-to-code\u002F) | 将设计原型转化为前端代码的三种实用路径 |\n| [用现代组件库刷新你的UI](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Ffrontend\u002Fmodern-component-library\u002F) | 通过现代化的组件系统更快地构建更专业的界面 |\n\n#### 后端\n\n| 版块 | 核心内容 |\n| :------ | :---------- |\n| [从数据库到Supabase](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fdatabase-supabase\u002F) | 使用Supabase实现数据库与API，并将其与前端对接 |\n| [利用LLM编写API代码及文档](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fai-interface-code\u002F) | 生成更易读、易测试的后端代码与文档 |\n| [Git与GitHub工作流](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fgit-workflow\u002F) | 通过Git工作流高效管理版本并协同开发 |\n| [Web应用部署指南](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fzeabur-deployment\u002F) | 使用CloudBase、Vercel、Zeabur等平台部署应用 |\n| [CLI AI编程工具](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fmodern-cli\u002F) | 利用终端式AI工具搭建个人工程工作流 |\n| [如何集成Stripe与支付系统](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fbackend\u002Fstripe-payment\u002F) | 添加支付流程及基础计费功能 |\n| [毕业项目：构建你的第一个现代全栈应用](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fassignments\u002Ffullstack-app\u002F) | 将前端、后端与支付功能整合，打造可上线的Web产品 |\n\n#### AI能力附录\n\n| 版块 | 核心内容 |\n| :------ | :---------- |\n| [Dify入门与知识库集成](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-2\u002Fai-capabilities\u002Fdify-knowledge-base\u002F) | 使用Dify工作流与基础RAG构建实用型产品 |\n\n### III. 高级开发者\n\n#### Claude Code 核心技能\n\n| 版块 | 关键内容 |\n| :------ | :---------- |\n| [开始使用 Claude Code](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fbasics\u002F) | 安装、配置、基础知识及实用命令 |\n| [Claude Code MCP 指南](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fmcp\u002F) | 通过 MCP 将 Claude Code 连接到 GitHub、数据库、API 等服务 |\n| [Claude Code 技能指南](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fskills\u002F) | 将专业知识封装成可重复使用的技能，方便多次调用 |\n| [Claude Code 工作流最佳实践](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fworkflow\u002F) | 重构、代码审查及日常开发的最佳实践 |\n| [Claude Agent 团队指南](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fagent-teams\u002F) | 像真正的开发团队一样协调多个 AI 实例 |\n| [Claude Code 面向工程级开发的超能力](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Fsuperpowers\u002F) | 借助 TDD 和最佳实践帮助 AI 生成符合工程标准的代码 |\n| [如何让 Claude Code 为长期任务持续工作](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcore-skills\u002Flong-running-tasks\u002F) | 设计长期任务，使编码工具能够持续工作直至完成 |\n\n#### 跨平台开发\n\n| 版块 | 关键内容 |\n| :------ | :---------- |\n| [构建微信小程序](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fwechat-miniprogram\u002F) | 理解生态体系，从模板到上线完整交付前端小程序 |\n| [构建带有后端的微信小程序](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fwechat-miniprogram-backend\u002F) | 添加后端逻辑和数据库，完成完整的业务闭环 |\n| [构建 Android 应用](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fandroid-app\u002F) | 使用 Expo 及相关工具跨 Web 和原生平台开发 Android 应用 |\n| [构建 iOS 应用](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fios-app\u002F) | 使用 Expo 及相关工具跨 Web 和原生平台开发 iOS 应用 |\n| [构建个人网站与学术博客](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fpersonal-brand\u002Fpersonal-website-blog\u002F) | 为项目、个人品牌及学术成果打造线上家园 |\n| [构建本地 PWA 应用](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fpwa-local-app\u002F) | 将网站转化为具备离线支持、推送通知和安装功能的真实应用 |\n| [构建浏览器 AI 助手扩展程序](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fbrowser-ai-extension\u002F) | 创建一个 Chrome 扩展程序，利用云端 API 或内置 AI 对任意页面进行摘要总结 |\n| [构建 Electron 桌面应用](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Felectron-voice-to-text\u002F) | 使用 Electron 构建适用于三个平台的语音转文本桌面应用 |\n| [快速构建并铸造 NFT](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fnft-minting\u002F) | 从零编写智能合约、部署并铸造属于自己的 NFT |\n| [构建 VS Code 扩展程序](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fvscode-extension\u002F) | 利用模板、代码聊天和多文件问答功能构建 AI 项目助手 |\n| [构建工业级 Qt 桌面应用](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fcross-platform\u002Fqt-industrial-hmi\u002F) | 创建包含趋势、报警和监控功能的实时 Qt HMI 系统 |\n\n#### AI 能力附录\n\n| 版块 | 关键内容 |\n| :------ | :---------- |\n| [什么是 RAG 及其工作原理](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fai-advanced\u002Frag-introduction\u002F) | 建立对 RAG 原理和常见架构的系统性理解 |\n| [使用 LangGraph 的中级和高级 RAG 工作流](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fstage-3\u002Fai-advanced\u002Flanggraph-advanced-rag\u002F) | 设计多步骤工作流及更复杂的 RAG 系统 |\n\n### 📚 附录知识库\n\n> 涵盖 **9 大知识领域** 和 **80+ 个互动主题**，本附录采用动画和可视化组件，帮助您直观地理解从计算机基础到 AI 前沿的核心概念。\n>\n> 👉 [查看完整附录](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fen\u002Fappendix\u002F)\n\n## 🛠️ 学习方法\n\n- 阅读并练习与您当前水平相符的部分。如果遇到困难，欢迎随时提交问题。\n\n## 💻 本地运行\n\n### 现代方法\n\n在诸如 VS Code、Cursor 或 Trae 等 AI IDE 的聊天窗口中，您只需说：\n\n```text\n请帮我将这个项目在本地运行起来。\n```\n\n### 传统方法\n\n1. `npm install`\n2. `npm run dev`\n3. 在浏览器中打开 `http:\u002F\u002Flocalhost:3000`。\n\n## 🤝 贡献方式\n\n- 如果您发现任何问题或有改进建议，欢迎提交问题。若无人回复，您也可以联系 [Datawhale 支持团队](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FOP.md)。\n- 如需贡献代码，请提交拉取请求。若无人回复，同样可以联系 [Datawhale 支持团队](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FOP.md)。\n- 若您希望发起一个新的 Datawhale 开源项目，请遵循 [Datawhale 开源项目指南](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FGUIDE.md)。\n\n## 🙏 贡献者\n\n- [Sanbu - 项目负责人](https:\u002F\u002Fgithub.com\u002Fsanbuphy)（Datawhale 成员）\n- Fang Ke - 导师（Datawhale 成员，清华大学）\n- [Yerim Kang](https:\u002F\u002Fgithub.com\u002Fyerim25)（实践项目，清华大学）\n- [Zhilin Zhao](https:\u002F\u002Fgithub.com\u002FChileenZ)（实践项目，清华大学）\n- [Yixuan Li](https:\u002F\u002Fyixuan20.github.io\u002F)（视觉设计，清华大学）\n- Siyi Liu（实践项目，清华大学）\n- [Lixin Liu](https:\u002F\u002Fgithub.com\u002Fliulx25xx)（实践项目，清华大学）\n- 所有在 AI Vibe Coding 101 内部测试群中分享建议和反馈的成员\n\n### 特别致谢\n\n- 感谢 [@Sm1les](https:\u002F\u002Fgithub.com\u002FSm1les) 在本项目中的帮助与支持\n- 感谢每一位贡献者以及所有通过反馈和点赞支持该项目的朋友 ❤️\n\n\u003Cdiv align=\"center\"> \n \u003Ca href=\"https:\u002F\u002Fwww.star-history.com\u002F#datawhalechina\u002Feasy-vibe?type=timeline&legend=top-left\"> \n   \u003Cpicture> \n     \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=datawhalechina\u002Feasy-vibe&type=timeline&theme=dark&legend=top-left\" \u002F> \n     \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=datawhalechina\u002Feasy-vibe&type=timeline&legend=top-left\" \u002F> \n   \u003C\u002Fpicture> \n \u003C\u002Fa>\n\u003C\u002Fdiv>\n\n\u003Cdiv align=center style=\"margin-top: 30px;\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fgraphs\u002Fcontributors\">\n    \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_3442b8f0041e.png\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n\n## 📄 许可协议\n\n\u003Cdiv align=\"center\">\n\u003Ca rel=\"license\" href=\"http:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F\">\n  \u003Cimg\n    alt=\"知识共享许可协议\"\n    style=\"border-width:0\"\n    src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-CC%20BY--NC--SA%204.0-lightgrey\"\n  \u002F>\n\u003C\u002Fa>\n\u003Cbr \u002F>\n本作品采用\n\u003Ca rel=\"license\" href=\"http:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F\">\n  知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议\n\u003C\u002Fa>。\n\u003C\u002Fdiv>\n\n## 星标历史\n\n[![星标历史图表](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_readme_f7dd3901698a.png)](https:\u002F\u002Fwww.star-history.com\u002F#datawhalechina\u002Feasy-vibe?type=date&legend=top-left)","# Easy-Vibe 快速上手指南\n\nEasy-Vibe 是一个面向 AI 时代的开源学习项目，旨在通过“会说话就会做应用”的理念，帮助用户利用 AI 工具从零开始构建全栈应用。本项目主要提供结构化的教程、交互式演示和学习地图，而非单一的可安装软件包。\n\n## 环境准备\n\n由于 Easy-Vibe 是一套基于 Web 的教程体系，你不需要安装特定的运行时环境即可开始阅读和学习。但若要跟随教程进行实际开发，建议准备以下环境：\n\n*   **操作系统**：Windows \u002F macOS \u002F Linux 均可\n*   **浏览器**：推荐使用最新版 Chrome 或 Edge，以获得最佳的交互式教程体验\n*   **代码编辑器**：推荐安装 **Cursor**、**VS Code** 或 **Trae** 等支持 AI 辅助编程的 IDE\n*   **基础依赖**（用于后续实战）：\n    *   Node.js (LTS 版本)\n    *   Git\n    *   Python (部分 AI Agent 章节需要)\n\n## 安装与启动步骤\n\nEasy-Vibe 的核心内容是在线文档和交互式教程，无需通过命令行安装二进制文件。你可以选择以下方式开始：\n\n### 方式一：直接在线体验（推荐）\n直接访问官方部署的网站，无需任何配置即可开始学习。\n\n1.  **访问主站**：打开浏览器访问 [https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fwelcome.html](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fwelcome.html)\n2.  **选择语言**：页面自动识别或手动切换至“简体中文”。\n3.  **开始学习**：点击“开始体验”或根据下方的学习路径选择对应阶段。\n\n### 方式二：本地克隆（适合离线阅读或贡献）\n如果你希望本地浏览源码或在本地部署文档站点：\n\n```bash\n# 1. 克隆仓库\ngit clone https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe.git\n\n# 2. 进入目录\ncd easy-vibe\n\n# 3. (可选) 如果需要在本地运行文档站点，通常需要使用 VitePress 或类似工具\n# 具体启动命令请参考仓库内的 package.json 或 docs 文件夹说明\n# npm install\n# npm run dev\n```\n\n## 基本使用指南\n\nEasy-Vibe 采用分阶段的学习模式，请根据你的背景选择适合的入口：\n\n### 1. 零基础\u002F产品人员：5 分钟极速体验\n适合想要快速感受\"AI 编程”的用户。\n*   **目标**：通过对话生成一个简单的贪吃蛇游戏。\n*   **操作**：\n    1.  进入 [Stage 1: 入门篇](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fzh-cn\u002Fstage-1\u002F)。\n    2.  跟随“交互式教程”，在模拟 IDE 环境中输入自然语言指令（例如：“创建一个贪吃蛇游戏”）。\n    3.  观察 AI 如何生成代码并运行应用。\n\n### 2. 开发者：全栈实战路径\n适合希望系统掌握 AI 全栈开发流程的程序员。\n*   **目标**：独立完成一个包含前端、后端、数据库及支付功能的全栈应用（如文案生成网站）。\n*   **操作**：\n    1.  进入 [Stage 2: 全栈开发篇](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fzh-cn\u002Fstage-2\u002F)。\n    2.  按照模块学习：需求拆解 -> 原型设计 -> 前端实现 -> 后端集成 (Stripe\u002F微信登录) -> 部署上线。\n    3.  结合本地 IDE (如 Cursor) 和教程中的 Prompt 技巧进行实操。\n\n### 3. 进阶玩家：AI Agent 与自动化\n适合对智能体开发感兴趣的高级用户。\n*   **目标**：构建自定义的命令行 AI 助手。\n*   **操作**：\n    1.  访问 [Hello Claw (OpenClaw)](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fhello-claw) 项目。\n    2.  学习 Skills 系统和 Agent 团队协作模式。\n    3.  参考 [Stage 3: 进阶开发篇](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fzh-cn\u002Fstage-3\u002F) 中的 Claude Code 深度指南。\n\n### 4. 查阅知识库\n遇到概念不清时，可随时访问 [附录知识库](https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002Fzh-cn\u002Fappendix\u002F)，涵盖计算机基础、AI 原理、RAG 流程等 80+ 个交互式主题。","大学生李明想独立开发一个校园二手交易小程序，但完全没有编程基础，面对复杂的语法和环境配置感到无从下手。\n\n### 没有 easy-vibe 时\n- **入门门槛极高**：被繁琐的环境搭建、变量定义和语法错误劝退，还没写出第一行代码就想要放弃。\n- **学习路径混乱**：在网上零散搜索教程，知识点碎片化严重，陷入“学了后面忘前面”的死循环。\n- **缺乏即时反馈**：对着枯燥的文字教程死记硬背，无法直观看到代码运行效果，难以建立成就感。\n- **孤独无助**：遇到报错只能独自排查，没有类似私教的角色引导，问题堆积导致信心崩塌。\n\n### 使用 easy-vibe 后\n- **自然语言驱动**：遵循“会说话就会做应用”的理念，直接用日常语言描述需求即可生成原型，跳过底层语法障碍。\n- **结构化学习地图**：依托清晰的从零开始学习路径，按部就班掌握核心概念，彻底告别知识碎片化。\n- **可视化交互教程**：通过分步视觉引导和实时演示，像有一位私人导师手把手教学，每步操作都能立即看到成果。\n- **沉浸式协作体验**：在\"vibe together\"的氛围中边玩边学，快速构建出可运行的应用，极大提升了创作自信。\n\neasy-vibe 将编程从枯燥的语法记忆转变为自然的创意表达，让零基础小白也能轻松迈出构建应用的第一步。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_easy-vibe_421372c3.png","datawhalechina","Datawhale","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fdatawhalechina_f57a6118.png","for the learner，和学习者一起成长",null,"https:\u002F\u002Fdatawhale.cn","https:\u002F\u002Fgithub.com\u002Fdatawhalechina",[80,84],{"name":81,"color":82,"percentage":83},"JavaScript","#f1e05a",95.4,{"name":85,"color":86,"percentage":87},"Shell","#89e051",4.6,5065,489,"2026-04-06T07:48:26","","未说明",{"notes":94,"python":92,"dependencies":95},"该项目（easy-vibe）是一个 AI 编程学习教程和资源库，而非需要本地部署运行的软件工具。它主要通过在线文档、交互式教程和引导用户利用现有的 AI IDE（如 Cursor, Claude Code 等）进行开发教学。因此，README 中未提及具体的操作系统、GPU、内存、Python 版本或依赖库要求。用户只需具备浏览器即可访问学习内容，若需跟随教程进行实际开发，则取决于用户自身选择的开发环境和调用的 AI 服务需求。",[],[97,15,35,14,13],"插件",[99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118],"ai","course","vibe-coding","coding","genai","low-code","no-code","programming","tutorial","vibecoding","vscode","agent","gemini","gpt","llm","nextjs","openai","workflow","mcp","deepseek","2026-03-27T02:49:30.150509","2026-04-06T21:13:03.253244",[122,127,132,137,142,147],{"id":123,"question_zh":124,"answer_zh":125,"source_url":126},19970,"在 GitHub 上阅读教程时遇到链接失效怎么办？","部分相对路径链接在 GitHub 文件预览模式下可能无法正确跳转。建议直接访问项目的官方部署网页版进行阅读，以确保所有导航和链接正常工作。例如：https:\u002F\u002Fdatawhalechina.github.io\u002Feasy-vibe\u002F","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fissues\u002F21",{"id":128,"question_zh":129,"answer_zh":130,"source_url":131},19971,"关于飞书同群多智能体协同工作的教程在哪里可以找到？","该特定主题（飞书多智能体协同）的内容不在当前仓库中，建议前往关联仓库 hello-claw 提交 Issue 或查找相关文档：https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fhello-claw","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fissues\u002F60",{"id":133,"question_zh":134,"answer_zh":135,"source_url":136},19966,"Claude Code 中是否还有 commit 命令？如何实现自动提交？","原生的 commit 命令可能已变更或移除。要实现 Git 工作流自动化（如自动提交），建议安装官方插件。具体文档参考：https:\u002F\u002Fcode.claude.com\u002Fdocs\u002Fen\u002Fdiscover-plugins#development-workflows","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fissues\u002F63",{"id":138,"question_zh":139,"answer_zh":140,"source_url":141},19967,"网页正文文字太小，两侧目录占用空间过大，如何调整阅读体验？","可以通过两种方式调整：1. 点击页面右上角的齿轮图标，在设置中调整字体大小；2. 直接使用浏览器的缩放功能（例如调整为 125%），以获得更舒适的观感。","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fissues\u002F13",{"id":143,"question_zh":144,"answer_zh":145,"source_url":146},19968,"在开发记账程序时，应该推荐使用原生应用还是其他形式？","推荐优先使用原生应用。主要原因是原生应用的启动速度更快，能提供更好的用户体验。项目已采纳此建议并更新了相关内容。","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fissues\u002F69",{"id":148,"question_zh":149,"answer_zh":150,"source_url":151},19969,"如何在本地修复因重复定义 ArchitectureComparisonDemo 导致 dev 启动失败的问题？","该问题通常是因为本地代码未同步到最新版本导致的。请检查 docs\u002F.vitepress\u002Ftheme\u002Findex.js 文件，确保拉取最新的 main 分支代码。最新版代码中已修复该重复定义问题（参考行号 L330 和 L1683）。","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Feasy-vibe\u002Fissues\u002F43",[]]