[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-datawhalechina--vibe-vibe":3,"tool-datawhalechina--vibe-vibe":64},[4,17,27,35,43,56],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":16},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,3,"2026-04-05T11:01:52",[13,14,15],"开发框架","图像","Agent","ready",{"id":18,"name":19,"github_repo":20,"description_zh":21,"stars":22,"difficulty_score":23,"last_commit_at":24,"category_tags":25,"status":16},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 真正成长为懂上",138956,2,"2026-04-05T11:33:21",[13,15,26],"语言模型",{"id":28,"name":29,"github_repo":30,"description_zh":31,"stars":32,"difficulty_score":23,"last_commit_at":33,"category_tags":34,"status":16},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 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107662,"2026-04-03T11:11:01",[13,14,15],{"id":36,"name":37,"github_repo":38,"description_zh":39,"stars":40,"difficulty_score":23,"last_commit_at":41,"category_tags":42,"status":16},3704,"NextChat","ChatGPTNextWeb\u002FNextChat","NextChat 是一款轻量且极速的 AI 助手，旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性，以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发，NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。\n\n这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言，它也提供了便捷的自托管方案，支持一键部署到 Vercel 或 Zeabur 等平台。\n\nNextChat 的核心亮点在于其广泛的模型兼容性，原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型，让用户在一个界面即可自由切换不同 AI 能力。此外，它还率先支持 MCP（Model Context Protocol）协议，增强了上下文处理能力。针对企业用户，NextChat 提供专业版解决方案，具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能，满足公司对数据隐私和个性化管理的高标准要求。",87618,"2026-04-05T07:20:52",[13,26],{"id":44,"name":45,"github_repo":46,"description_zh":47,"stars":48,"difficulty_score":23,"last_commit_at":49,"category_tags":50,"status":16},2268,"ML-For-Beginners","microsoft\u002FML-For-Beginners","ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程，旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周，包含 26 节精炼课程和 52 道配套测验，内容涵盖从基础概念到实际应用的完整流程，有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。\n\n无论是希望转型的开发者、需要补充算法背景的研究人员，还是对人工智能充满好奇的普通爱好者，都能从中受益。课程不仅提供了清晰的理论讲解，还强调动手实践，让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持，通过自动化机制提供了包括简体中文在内的 50 多种语言版本，极大地降低了全球不同背景用户的学习门槛。此外，项目采用开源协作模式，社区活跃且内容持续更新，确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路，ML-For-Beginners 将是理想的起点。",84991,"2026-04-05T10:45:23",[14,51,52,53,15,54,26,13,55],"数据工具","视频","插件","其他","音频",{"id":57,"name":58,"github_repo":59,"description_zh":60,"stars":61,"difficulty_score":10,"last_commit_at":62,"category_tags":63,"status":16},3128,"ragflow","infiniflow\u002Fragflow","RAGFlow 是一款领先的开源检索增强生成（RAG）引擎，旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体（Agent）能力相结合，不仅支持从各类文档中高效提取知识，还能让模型基于这些知识进行逻辑推理和任务执行。\n\n在大模型应用中，幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构（如表格、图表及混合排版），显著提升了信息检索的准确度，从而有效减少模型“胡编乱造”的现象，确保回答既有据可依又具备时效性。其内置的智能体机制更进一步，使系统不仅能回答问题，还能自主规划步骤解决复杂问题。\n\n这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统，还是致力于探索大模型在垂直领域落地的创新者，都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口，既降低了非算法背景用户的上手门槛，也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目，它正成为连接通用大模型与行业专有知识之间的重要桥梁。",77062,"2026-04-04T04:44:48",[15,14,13,26,54],{"id":65,"github_repo":66,"name":67,"description_en":68,"description_zh":69,"ai_summary_zh":69,"readme_en":70,"readme_zh":71,"quickstart_zh":72,"use_case_zh":73,"hero_image_url":74,"owner_login":75,"owner_name":76,"owner_avatar_url":77,"owner_bio":78,"owner_company":79,"owner_location":79,"owner_email":79,"owner_twitter":79,"owner_website":80,"owner_url":81,"languages":82,"stars":87,"forks":88,"last_commit_at":89,"license":79,"difficulty_score":10,"env_os":90,"env_gpu":91,"env_ram":91,"env_deps":92,"category_tags":95,"github_topics":96,"view_count":10,"oss_zip_url":79,"oss_zip_packed_at":79,"status":16,"created_at":104,"updated_at":105,"faqs":106,"releases":147},444,"datawhalechina\u002Fvibe-vibe","vibe-vibe","AI for All: The First Systematic Vibe Coding Tutorial | From Zero to Full-Stack, Bring Your Ideas to Life | Live at: www.vibevibe.cn   ；全民AI学习第一课，首个系统化 Vibe Coding 开源教程 | 零基础到全栈实战，让人人都能借助 AI 实现自己的想法与创意 | 在线地址：www.vibevibe.cn","Vibe Vibe 是国内首个系统化的 Vibe Coding 开源教程，致力于让零基础用户也能通过自然语言指挥 AI 进行编程。它基于 OpenAI 联合创始人提出的 Vibe Coding 理念，倡导从“写代码”转向“对话式创作”，帮助用户完成从“有一个想法”到“做出一个产品”的全过程。\n\nVibe Vibe 有效解决了国内 AI 编程学习资源碎片化、缺乏系统化进阶路径的问题。教程设计了基础、进阶、实践和优质文章四大板块，内容涵盖编程心法、提示词工程、项目实战到全栈部署，引导用户像产品经理一样思考，用 MVP 思维快速落地创意。\n\n这套教程非常适合编程零基础者、大学生、创业者以及希望提升效率的职场人士。它不仅提供了清晰的避坑指南，未来还将支持在线 IDE 开发环境，无需本地配置即可开箱即用，真正实现了让人人都能成为 AI 时代的 Builder。","\u003Cp align=\"center\">\n  \u003Ca href=\".\u002FREADME.en.md\">English\u003C\u002Fa> |\n  \u003Ca href=\".\u002FREADME.md\">\u003Cstrong>简体中文\u003C\u002Fstrong>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_vibe-vibe_readme_b01402833782.png\" width=\"100\" alt=\"Vibe Vibe\"\u002F>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">Vibe Vibe（⚠️ Alpha内测版）\u003C\u002Fh1>\n\n# Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南\n> **面向零编程基础学习者的 AI 辅助编程系统化教程，从「我有一个想法」到「我做出了一个产品」，让人人都能成为 Builder。**\n\n点击以访问教程主页：www.vibevibe.cn\n\n### 核心理念\n\n践行 OpenAI 联合创始人 **Andrej Karpathy** 提出的 Vibe Coding 理念——**从 Coder 到 Commander**：通过自然语言与 AI 对话，让编程从\"写代码\"转变为\"对话式创作\"。\n\n> *\"完全沉浸于编程的'氛围'中，忘记代码的存在。\"*\n\n### 快速开始\n\n📖 **在线阅读**：[www.vibevibe.cn](https:\u002F\u002Fwww.vibevibe.cn)\n\n| 你是谁 | 推荐起点 |\n|-------|---------|\n| 完全零基础 | 基础篇 → 第1章 觉醒 |\n| 用过 ChatGPT 等大语言模型工具但没做过项目 | 基础篇 → 第2章 心法 |\n| 有编程基础想学 Vibe Coding | 基础篇快速浏览 → 进阶篇 |\n| 想直接动手做项目 | 基础篇 → 第4章 实战 |\n| 想找项目练手 | 实践篇 |\n\n### 私有化部署\n\n如果你想在本地或内网环境部署本教程站点，仓库已经提供了可直接使用的 `Dockerfile` 和 `docker-compose.yml`：\n\n```bash\ndocker compose up -d --build\n```\n\n默认访问地址为 `http:\u002F\u002Flocalhost:1024`。\n\n更完整的部署方式、静态文件部署方案和离线环境注意事项，请查看[部署指南](.\u002Fdocs\u002Fdeployment\u002Findex.md)。\n\n### 教程定位\n\n国内首个系统化的 Vibe Coding 开源教程，分为四大板块：\n\n| 板块 | 定位 | 适合人群 |\n|-----|------|---------|\n| 📘 **基础篇** | AI 编程入门 + 心法 + 第一个项目 | 完全零基础、用过 ChatGPT 但没做过项目 |\n| 📗 **进阶篇** | 16章\"序言可阅读\" · 从0到上线的避坑指南 | 想了解完整项目交付流程的开发者 |\n| 📙 **实践篇** | 分人群项目实战 + 进阶技能训练 | 想通过动手练习巩固所学 |\n| 📕 **优质文章篇** | 精选学习资源 + 行业前沿追踪 | 想持续学习、保持行业敏感度 |\n\n- **为什么需要这份教程？** Vibe Coding 已成为全球趋势（越来越多的创业公司大部分代码由 AI 辅助生成），但国内学习资源碎片化严重，缺乏系统化、零基础友好、包含完整进阶路径的教程。\n\n- **适合人群**：编程零基础者、大学生、创业者、传统程序员、职场人士，任何想用 AI 快速实现想法、提升工作效率或学习新范式的人。\n\n### 进阶版预告：在线 IDE + Skills\n\n我们即将推出**在线开发环境**，无需本地配置环境，打开浏览器即可开始学习：\n\n- **云端 IDE** —— 内置完整的 Node.js 24、Python、Docker 等开发环境\n- **50+ AI Skills** —— 预装丰富的 AI 辅助技能包，覆盖开发全流程\n- **开箱即用** —— 无需安装任何软件，登录即可开始编程实践\n\n让学习门槛降到最低，敬请期待！\n\n### 学习产出\n\n| 阶段 | 你将获得 |\n|-----|---------|\n| **基础篇** | 掌握 Vibe Coding 心法 · 用自然语言指挥 AI · 独立完成项目 · 部署上线能力 |\n| **进阶篇** | 现代全栈技术栈 · 前后端架构 · 用户系统开发 · 生产级部署 · 工程化思维 |\n\n## 贡献者名单\n\n| 姓名 | 职责 | 简介 |\n| :----| :---- | :---- |\n| [符航康](https:\u002F\u002Fwww.hangkangfu.cn) | 项目负责人 & 核心贡献者 | 一位 AI 时代的原住民|\n| [齐国皓](https:\u002F\u002Fwww.guohaoqi.cn) | 项目负责人 & 核心贡献者 | 现就读于新加坡国立大学计算机学院, 湖南大学金融科技协会创始人|\n| 刘磊 | 「实践篇」贡献者、图像贡献者 | 中国科学院大学，一枚在职后端 Coder，热爱 Vibe，崇尚分享。 |\n| 陈俊希 | 「优质文章篇」板块贡献者 | 湖南大学金融科技协会会长，湖南大学金融与统计学院24级本科生 |\n| 金龙   |「实践篇」板块贡献者  | 北京大学学生创新学社AI俱乐部副部长，北京大学24级研究生|\n| 舒璐璐 | 「实践篇」板块贡献者 | 湖南大学「麓山人文+」创始人，湖南大学岳麓书院23级本科生 |\n\n## 目录\n\n本教程分为**四大板块**，采用渐进式学习路径设计（点击展开详细目录）：\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📘 基础篇：Vibe Coding 启示录（写给所有人的 AI 编程入门）\u003C\u002Fb>\u003C\u002Fsummary>\n\n```\n基础篇目录\n│\n├── 写在最前面\n│   └── 找到你的位置\n│\n├── 第1章：觉醒 —— 为什么现在是编程最好的时代\n│   ├── 1.1 编程已死，编程永生：从 Coder 到 Commander\n│   ├── 1.2 核心概念：Vibe Coding 与 Spec Coding 详解\n│   ├── 1.3 破除迷信：不懂英文、数学不好也能写代码吗？\n│   ├── 1.4 工具初探：Cursor、Windsurf、Bolt.new 与 Replit 选型指南\n│   └── 1.5 Hello World：你的第一个 3 分钟 AI 网页\n│\n├── 第2章：心法 —— 像产品经理一样思考\n│   ├── 2.1 拒绝功能堆砌：为什么你的 AI 写不出复杂的 App？\n│   ├── 2.2 MVP 思维：如何设计一个\"能跑的最小版本\"\n│   ├── 2.3 灵魂三问：用户是谁？痛点在哪？为何用你？\n│   └── 2.4 实战演练：拆解一个\"背单词软件\"的想法\n│\n├── 第3章：技法 —— 与 AI 对话的艺术\n│   ├── 3.1 提示词工程基础：Context is King\n│   ├── 3.2 用户旅程地图：把想法变成 AI 能懂的路径\n│   ├── 3.3 编写第一份 PRD：让 AI 不再胡编乱造\n│   └── 3.4 功能优先级 P0\u002FP1\u002FP2：学会对 AI 说\"这个先不做\"\n│\n├── 第4章：实战 —— 从 0 到 1 开发个人工具\n│   ├── 4.1 环境准备：无需命令行的开发环境搭建\n│   ├── 4.2 第一轮：生成静态页面 —— 先看\"脸\"\n│   ├── 4.3 第二轮：注入逻辑与交互 —— 再长\"脑\"\n│   ├── 4.4 第三轮：数据存储基础\n│   └── 4.5 Debug 指南：当 AI 报错时，如何用 AI 修复 AI\n│\n├── 第5章：精进 —— 从\"能用\"到\"好用\"\n│   ├── 5.1 后悔药：代码改崩了怎么办\n│   ├── 5.2 见世面：把网页发到互联网上\n│   ├── 5.3 护城河：AI 时代的安全意识\n│   ├── 5.4 再进化：项目的持续迭代与优化\n│   ├── 5.5 知边界：Vibe Coding 的能与不能\n│   └── 5.6 启程前：本章总结与进阶预告\n│\n├── 结语：给未来的你\n│\n├── 下部预告：Vibe Coding 全栈实战教程\n│\n└── 附录\n    ├── A. Prompt 速查清单\n    ├── B. 常见错误与解决方案速查表\n    ├── C. 术语表（中英对照）\n    ├── D. 工具对比速查表\n    └── E. 项目 idea 清单\n```\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📗 进阶篇：从0到上线的避坑指南\u003C\u002Fb>\u003C\u002Fsummary>\n\n本篇以**完整的产品交付流程**为主线，共16章，每章序言均可阅读：\n\n```\n进阶篇目录\n│\n├── 第1章：环境搭建、代码形态与包管理器\n├── 第2章：开发工具与 AI 调教\n├── 第3章：PRD 与文档驱动开发\n├── 第4章：开发常识与技术栈\n├── 第5章：代码运行状态与构建原理\n├── 第6章：界面（UI）与交互（UX）\n├── 第7章：环境变量与安全机制\n├── 第8章：数据持久化与数据库\n├── 第9章：功能测试流程与自动化脚本\n├── 第10章：Localhost 与公网访问\n├── 第11章：Git 版本控制与跨平台协作\n├── 第12章：无服务器部署与 CI\u002FCD 自动化\n├── 第13章：域名解析原理与网络接入\n├── 第14章：云服务器运维与项目部署\n├── 第15章：SEO、分享与数据统计\n└── 第16章：用户反馈与产品迭代\n```\n\n**技术栈**：Next.js 16 · React · TypeScript · Tailwind CSS · shadcn\u002Fui · Drizzle ORM · PostgreSQL\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📙 实践篇：分人群项目实战\u003C\u002Fb>\u003C\u002Fsummary>\n\n```\n实践篇目录\n│\n├── 基础板块（按人群分类）\n│   ├── 文科生\u002F商科生项目 —— 内容创作、数据展示类\n│   ├── 理工科学生项目 —— 算法可视化、数据处理类\n│   └── 职场人士项目 —— 工作流自动化、效率提升类\n│\n└── 进阶板块（基于 Sean's Stories 系列）\n    ├── 核心技能 —— 上线应用、数据库、后端部署、用户认证\n    ├── AI Agent 开发 —— RAG、向量数据库、MCP 集成\n    ├── 全栈项目实战 —— SaaS、地图应用、移动应用\n    └── 工具与效率 —— n8n、GitHub 工作流、React\u002FTS 进阶\n```\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📕 优质文章篇：精选学习资源\u003C\u002Fb>\u003C\u002Fsummary>\n\n```\n优质文章篇目录\n│\n├── 知名公司博客 —— OpenAI、Anthropic、Vercel 等技术博客\n├── 优质播客 —— AI、开发者、创业者相关播客推荐\n├── 研究报告 —— AI 发展报告、开发者调查、行业趋势\n├── 优质 Newsletter —— 值得订阅的技术周刊\n└── 开发者社区 —— Discord、Twitter、GitHub 优质资源\n```\n\n\u003C\u002Fdetails>\n\n## 参与贡献\n\n- 如果你发现了一些问题，可以提Issue进行反馈，如果提完没有人回复你可以联系[保姆团队](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FOP.md)的同学进行反馈跟进~\n- 如果你想参与贡献本项目，可以提Pull request，如果提完没有人回复你可以联系[保姆团队](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\u003Cdiv align=center>\n\u003Cp>扫描下方二维码关注公众号：Datawhale\u003C\u002Fp>\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_vibe-vibe_readme_303cd5dfe9c5.jpeg\" width = \"180\" height = \"180\">\n\u003C\u002Fdiv>\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_vibe-vibe_readme_61d4dc8afd3b.png)](https:\u002F\u002Fstar-history.com\u002F#datawhalechina\u002Fvibe-vibe&Date)\n\n## LICENSE\n\n\u003Ca rel=\"license\" href=\"http:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F\">\u003Cimg alt=\"知识共享许可协议\" style=\"border-width:0\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-CC%20BY--NC--SA%204.0-lightgrey\" \u002F>\u003C\u002Fa>\u003Cbr \u002F>本作品采用\u003Ca rel=\"license\" href=\"http:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F\">知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议\u003C\u002Fa>进行许可。\n","\u003Cp align=\"center\">\n  \u003Ca href=\".\u002FREADME.en.md\">English\u003C\u002Fa> |\n  \u003Ca href=\".\u002FREADME.md\">\u003Cstrong>简体中文\u003C\u002Fstrong>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_vibe-vibe_readme_b01402833782.png\" width=\"100\" alt=\"Vibe Vibe\"\u002F>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">Vibe Vibe（⚠️ Alpha内测版）\u003C\u002Fh1>\n\n# Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南  \n> **面向零编程基础学习者的 AI 辅助编程系统化教程，从「我有一个想法」到「我做出了一个产品」，让人人都能成为 Builder。**\n\n点击访问教程主页：www.vibevibe.cn\n\n### 核心理念\n\n践行 OpenAI 联合创始人 **Andrej Karpathy** 提出的 Vibe Coding（氛围编程）理念——**从 Coder 到 Commander**：通过自然语言与 AI 对话，让编程从\"写代码\"转变为\"对话式创作\"。\n\n> *\"完全沉浸于编程的'氛围'中，忘记代码的存在。\"*\n\n### 快速开始\n\n📖 **在线阅读**：[www.vibevibe.cn](https:\u002F\u002Fwww.vibevibe.cn)\n\n| 你是谁 | 推荐起点 |\n|-------|---------|\n| 完全零基础 | 基础篇 → 第1章 觉醒 |\n| 用过 ChatGPT 等大语言模型工具但没做过项目 | 基础篇 → 第2章 心法 |\n| 有编程基础想学 Vibe Coding | 基础篇快速浏览 → 进阶篇 |\n| 想直接动手做项目 | 基础篇 → 第4章 实战 |\n| 想找项目练手 | 实践篇 |\n\n### 私有化部署\n\n如果你想在本地或内网环境部署本教程站点，仓库已经提供了可直接使用的 `Dockerfile` 和 `docker-compose.yml`：\n\n```bash\ndocker compose up -d --build\n```\n\n默认访问地址为 `http:\u002F\u002Flocalhost:1024`。\n\n更完整的部署方式、静态文件部署方案和离线环境注意事项，请查看[部署指南](.\u002Fdocs\u002Fdeployment\u002Findex.md)。\n\n### 教程定位\n\n国内首个系统化的 Vibe Coding 开源教程，分为四大板块：\n\n| 板块 | 定位 | 适合人群 |\n|-----|------|---------|\n| 📘 **基础篇** | AI 编程入门 + 心法 + 第一个项目 | 完全零基础、用过 ChatGPT 但没做过项目 |\n| 📗 **进阶篇** | 16章\"序言可阅读\" · 从0到上线的避坑指南 | 想了解完整项目交付流程的开发者 |\n| 📙 **实践篇** | 分人群项目实战 + 进阶技能训练 | 想通过动手练习巩固所学 |\n| 📕 **优质文章篇** | 精选学习资源 + 行业前沿追踪 | 想持续学习、保持行业敏感度 |\n\n- **为什么需要这份教程？** Vibe Coding 已成为全球趋势（越来越多的创业公司大部分代码由 AI 辅助生成），但国内学习资源碎片化严重，缺乏系统化、零基础友好、包含完整进阶路径的教程。\n\n- **适合人群**：编程零基础者、大学生、创业者、传统程序员、职场人士，任何想用 AI 快速实现想法、提升工作效率或学习新范式的人。\n\n### 进阶版预告：在线 IDE + Skills\n\n我们即将推出**在线开发环境**，无需本地配置环境，打开浏览器即可开始学习：\n\n- **云端 IDE** —— 内置完整的 Node.js 24、Python、Docker 等开发环境\n- **50+ AI Skills** —— 预装丰富的 AI 辅助技能包，覆盖开发全流程\n- **开箱即用** —— 无需安装任何软件，登录即可开始编程实践\n\n让学习门槛降到最低，敬请期待！\n\n### 学习产出\n\n| 阶段 | 你将获得 |\n|-----|---------|\n| **基础篇** | 掌握 Vibe Coding 心法 · 用自然语言指挥 AI · 独立完成项目 · 部署上线能力 |\n| **进阶篇** | 现代全栈技术栈 · 前后端架构 · 用户系统开发 · 生产级部署 · 工程化思维 |\n\n## 贡献者名单\n\n| 姓名 | 职责 | 简介 |\n| :----| :---- | :---- |\n| [符航康](https:\u002F\u002Fwww.hangkangfu.cn) | 项目负责人 & 核心贡献者 | 一位 AI 时代的原住民|\n| [齐国皓](https:\u002F\u002Fwww.guohaoqi.cn) | 项目负责人 & 核心贡献者 | 现就读于新加坡国立大学计算机学院, 湖南大学金融科技协会创始人|\n| 刘磊 | 「实践篇」贡献者、图像贡献者 | 中国科学院大学，一枚在职后端 Coder，热爱 Vibe，崇尚分享。 |\n| 陈俊希 | 「优质文章篇」板块贡献者 | 湖南大学金融科技协会会长，湖南大学金融与统计学院24级本科生 |\n| 金龙   |「实践篇」板块贡献者  | 北京大学学生创新学社AI俱乐部副部长，北京大学24级研究生|\n| 舒璐璐 | 「实践篇」板块贡献者 | 湖南大学「麓山人文+」创始人，湖南大学岳麓书院23级本科生 |\n\n## 目录\n\n本教程分为**四大板块**，采用渐进式学习路径设计（点击展开详细目录）：\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📘 基础篇：Vibe Coding 启示录（写给所有人的 AI 编程入门）\u003C\u002Fb>\u003C\u002Fsummary>\n\n```\n基础篇目录\n│\n├── 写在最前面\n│   └── 找到你的位置\n│\n├── 第1章：觉醒 —— 为什么现在是编程最好的时代\n│   ├── 1.1 编程已死，编程永生：从 Coder 到 Commander\n│   ├── 1.2 核心概念：Vibe Coding 与 Spec Coding 详解\n│   ├── 1.3 破除迷信：不懂英文、数学不好也能写代码吗？\n│   ├── 1.4 工具初探：Cursor、Windsurf、Bolt.new 与 Replit 选型指南\n│   └── 1.5 Hello World：你的第一个 3 分钟 AI 网页\n│\n├── 第2章：心法 —— 像产品经理一样思考\n│   ├── 2.1 拒绝功能堆砌：为什么你的 AI 写不出复杂的 App？\n│   ├── 2.2 MVP 思维：如何设计一个\"能跑的最小版本\"\n│   ├── 2.3 灵魂三问：用户是谁？痛点在哪？为何用你？\n│   └── 2.4 实战演练：拆解一个\"背单词软件\"的想法\n│\n├── 第3章：技法 —— 与 AI 对话的艺术\n│   ├── 3.1 提示词工程基础：Context is King\n│   ├── 3.2 用户旅程地图：把想法变成 AI 能懂的路径\n│   ├── 3.3 编写第一份 PRD（产品需求文档）：让 AI 不再胡编乱造\n│   └── 3.4 功能优先级 P0\u002FP1\u002FP2：学会对 AI 说\"这个先不做\"\n│\n├── 第4章：实战 —— 从 0 到 1 开发个人工具\n│   ├── 4.1 环境准备：无需命令行的开发环境搭建\n│   ├── 4.2 第一轮：生成静态页面 —— 先看\"脸\"\n│   ├── 4.3 第二轮：注入逻辑与交互 —— 再长\"脑\"\n│   ├── 4.4 第三轮：数据存储基础\n│   └── 4.5 Debug 指南：当 AI 报错时，如何用 AI 修复 AI\n│\n├── 第5章：精进 —— 从\"能用\"到\"好用\"\n│   ├── 5.1 后悔药：代码改崩了怎么办\n│   ├── 5.2 见世面：把网页发到互联网上\n│   ├── 5.3 护城河：AI 时代的安全意识\n│   ├── 5.4 再进化：项目的持续迭代与优化\n│   ├── 5.5 知边界：Vibe Coding 的能与不能\n│   └── 5.6 启程前：本章总结与进阶预告\n│\n├── 结语：给未来的你\n│\n├── 下部预告：Vibe Coding 全栈实战教程\n│\n└── 附录\n    ├── A. Prompt 速查清单\n    ├── B. 常见错误与解决方案速查表\n    ├── C. 术语表（中英对照）\n    ├── D. 工具对比速查表\n    └── E. 项目 idea 清单\n```\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📗 进阶篇：从0到上线的避坑指南\u003C\u002Fb>\u003C\u002Fsummary>\n\n本篇以**完整的产品交付流程**为主线，共16章，每章序言均可阅读：\n\n```\n进阶篇目录\n│\n├── 第1章：环境搭建、代码形态与包管理器\n├── 第2章：开发工具与 AI 调教\n├── 第3章：PRD 与文档驱动开发\n├── 第4章：开发常识与技术栈\n├── 第5章：代码运行状态与构建原理\n├── 第6章：界面（UI）与交互（UX）\n├── 第7章：环境变量与安全机制\n├── 第8章：数据持久化与数据库\n├── 第9章：功能测试流程与自动化脚本\n├── 第10章：Localhost 与公网访问\n├── 第11章：Git 版本控制与跨平台协作\n├── 第12章：无服务器部署与 CI\u002FCD 自动化\n├── 第13章：域名解析原理与网络接入\n├── 第14章：云服务器运维与项目部署\n├── 第15章：SEO、分享与数据统计\n└── 第16章：用户反馈与产品迭代\n```\n\n**技术栈**：Next.js 16 · React · TypeScript · Tailwind CSS · shadcn\u002Fui · Drizzle ORM · PostgreSQL\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📙 实践篇：分人群项目实战\u003C\u002Fb>\u003C\u002Fsummary>\n\n```\n实践篇目录\n│\n├── 基础板块（按人群分类）\n│   ├── 文科生\u002F商科生项目 —— 内容创作、数据展示类\n│   ├── 理工科学生项目 —— 算法可视化、数据处理类\n│   └── 职场人士项目 —— 工作流自动化、效率提升类\n│\n└── 进阶板块（基于 Sean's Stories 系列）\n    ├── 核心技能 —— 上线应用、数据库、后端部署、用户认证\n    ├── AI Agent 开发 —— RAG、向量数据库、MCP 集成\n    ├── 全栈项目实战 —— SaaS、地图应用、移动应用\n    └── 工具与效率 —— n8n、GitHub 工作流、React\u002FTS 进阶\n```\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📕 优质文章篇：精选学习资源\u003C\u002Fb>\u003C\u002Fsummary>\n\n```\n优质文章篇目录\n│\n├── 知名公司博客 —— OpenAI、Anthropic、Vercel 等技术博客\n├── 优质播客 —— AI、开发者、创业者相关播客推荐\n├── 研究报告 —— AI 发展报告、开发者调查、行业趋势\n├── 优质 Newsletter —— 值得订阅的技术周刊\n└── 开发者社区 —— Discord、Twitter、GitHub 优质资源\n```\n\n\u003C\u002Fdetails>\n\n## 参与贡献\n\n- 如果你发现了一些问题，可以提Issue进行反馈，如果提完没有人回复你可以联系[保姆团队](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FOP.md)的同学进行反馈跟进~\n- 如果你想参与贡献本项目，可以提Pull request，如果提完没有人回复你可以联系[保姆团队](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\u003Cdiv align=center>\n\u003Cp>扫描下方二维码关注公众号：Datawhale\u003C\u002Fp>\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_vibe-vibe_readme_303cd5dfe9c5.jpeg\" width = \"180\" height = \"180\">\n\u003C\u002Fdiv>\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_vibe-vibe_readme_61d4dc8afd3b.png)](https:\u002F\u002Fstar-history.com\u002F#datawhalechina\u002Fvibe-vibe&Date)\n\n## LICENSE\n\n\u003Ca rel=\"license\" href=\"http:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F\">\u003Cimg alt=\"知识共享许可协议\" style=\"border-width:0\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-CC%20BY--NC--SA%204.0-lightgrey\" \u002F>\u003C\u002Fa>\u003Cbr \u002F>本作品采用\u003Ca rel=\"license\" href=\"http:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F\">知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议\u003C\u002Fa>进行许可。","# vibe-vibe 快速上手指南\n\n## 环境准备\n- **系统要求**：支持 Docker 的环境（Linux\u002FmacOS\u002FWindows WSL）\n- **前置依赖**：\n  - 安装 [Docker](https:\u002F\u002Fwww.docker.com\u002F)\n  - 安装 [docker-compose](https:\u002F\u002Fdocs.docker.com\u002Fcompose\u002F)\n  - （可选）配置 [阿里云 Docker 镜像加速](https:\u002F\u002Fhelp.aliyun.com\u002Fzh\u002Fdocker-engine\u002Fuser-guide\u002Fconfigure-acr-registry-mirror)\n\n## 安装步骤\n1. 克隆项目仓库\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fvibe-vibe.git\n```\n\n2. 进入项目目录\n```bash\ncd vibe-vibe\n```\n\n3. 启动本地服务\n```bash\ndocker compose up -d --build\n```\n\n默认访问地址：`http:\u002F\u002Flocalhost:1024`\n\n## 基本使用\n1. 打开浏览器访问 `http:\u002F\u002Flocalhost:1024`\n2. 按照 **基础篇 → 第4章 实战** 指南操作：\n   - 环境准备：体验无需命令行的开发环境\n   - 第一轮开发：生成静态页面（3分钟完成 Hello World）\n   - 逐步添加交互逻辑与数据存储\n3. 使用附录中的 Prompt 速查清单优化与 AI 的对话指令\n\n> 🚀 推荐从「基础篇 → 第1章 觉醒」开始，系统学习 Vibe Coding 思维模式","小明是一名大二学生，想开发一个帮助同学整理课程笔记的在线工具，但从未接触过编程。他希望通过AI快速实现想法，却苦于找不到系统的学习路径。\n\n### 没有 vibe-vibe 时\n- **无从下手**：面对\"前端+后端+数据库\"的技术栈组合，不知道该从哪个知识点开始学习  \n- **工具迷宫**：在Cursor、Windsurf等工具间反复试错，浪费大量时间在环境配置上  \n- **需求模糊**：虽然能用自然语言描述\"需要登录功能\"，但无法转化为AI能理解的具体指令  \n- **报错困境**：当AI生成的代码出现错误时，既看不懂技术日志，也找不到针对性解决方案  \n- **成果空白**：三个月过去，只能堆砌出几个孤立的功能模块，无法形成完整可用的产品  \n\n### 使用 vibe-vibe 后\n- **结构化路径**：通过\"基础篇→进阶篇\"的渐进式学习，系统掌握了从需求分析到部署上线的全流程  \n- **工具指南针**：借助教程中的工具选型指南，30分钟内完成开发环境搭建（无需命令行操作）  \n- **精准指令**：运用\"用户旅程地图\"方法，将\"笔记同步\"需求拆解为AI可执行的12步指令  \n- **智能调试**：通过\"Debug指南\"章节，学会用AI修复AI生成的代码错误（如自动补全缺失的API调用）  \n- **完整产品**：两个月内成功上线包含用户系统、实时协作、版本回滚功能的笔记平台  \n\n**核心价值**：vibe-vibe将零基础用户的AI编程学习曲线从\"陡峭悬崖\"转变为\"阶梯式攀登\"，通过系统化的方法论和实战框架，让非技术人员也能用自然语言对话的方式，将抽象想法转化为可运行的产品原型。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fdatawhalechina_vibe-vibe_b0140283.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",[83],{"name":84,"color":85,"percentage":86},"Dockerfile","#384d54",100,4369,356,"2026-04-05T09:07:09","Linux, macOS, Windows","未说明",{"notes":93,"python":91,"dependencies":94},"需安装 Docker 环境，私有化部署需执行 docker compose 命令。进阶版在线 IDE 预计支持 Node.js 24、Python 等环境（当前为 Alpha 版本未启用）",[],[14,13,15],[97,98,99,100,101,102,103],"agent","agentic-ai","ai","coding-assistant","programming","vibe-coding","vibecoding","2026-03-27T02:49:30.150509","2026-04-06T05:44:09.354743",[107,112,117,122,127,132,137,142],{"id":108,"question_zh":109,"answer_zh":110,"source_url":111},1718,"Grsai API 平台链接失效怎么办？","推荐使用 Toapi 平台（https:\u002F\u002Ftoapis.com\u002Flogin?aff=3xef），该平台稳定性较好且支持支付宝\u002F微信支付。项目方承诺在下一个版本中修复链接问题。","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fvibe-vibe\u002Fissues\u002F83",{"id":113,"question_zh":114,"answer_zh":115,"source_url":116},1719,"如何获取 PDF 版本的文档？","目前有两种离线方案：\n1. 使用 PWA 模式：在浏览器地址栏点击“安装”图标添加到桌面\n2. 本地运行：安装 Node.js 和 pnpm 后执行\n   ```bash\n   pnpm i\n   pnpm dev\n   ```","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fvibe-vibe\u002Fissues\u002F21",{"id":118,"question_zh":119,"answer_zh":120,"source_url":121},1716,"如何生成项目中使用的卡通风格信息图？","可以使用 nano banana pro 模型并按照以下提示词生成：\n1. 采用可爱的手绘卡通风格，色彩明亮温暖\n2. 使用简洁的卡通元素和图标\n3. 信息精简突出关键词\n4. 避免写实风格和版权内容\n参考示例提示词：`总结以下文本，最终以手账图的形式画出：[文本内容]`","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fvibe-vibe\u002Fissues\u002F44",{"id":123,"question_zh":124,"answer_zh":125,"source_url":126},1717,"如何实现项目的私有化部署？","VibeVibe 支持三种私有化部署方式：\n1. 静态部署：运行 `pnpm build` 后将 `docs\u002F.vitepress\u002Fdist` 目录部署到 Nginx\u002FApache\u002FIIS 等服务器\n2. Docker 部署：使用提供的 Dockerfile 示例\n3. EdgeOne Pages：支持一键自动部署\n完整指南请参考：https:\u002F\u002Fwww.vibevibe.cn\u002Fdeployment\u002F","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fvibe-vibe\u002Fissues\u002F76",{"id":128,"question_zh":129,"answer_zh":130,"source_url":131},1720,"如何解决 Git revert 时的 modify\u002Fdelete 冲突？","遇到 `CONFLICT (modify\u002Fdelete)` 时可选择：\n- 方案 A（删除文件）：\n  ```\n  git rm to-do-list-v1.html\n  git revert --continue\n  ```\n- 方案 B（保留文件）：\n  ```\n  git add to-do-list-v1.html\n  git revert --continue\n  ```","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fvibe-vibe\u002Fissues\u002F22",{"id":133,"question_zh":134,"answer_zh":135,"source_url":136},1721,"如何将文档导入 NotebookLM 学习？","直接拉取项目后，将 `.md` 文件导入 NotebookLM 即可使用。项目已提供纯文本资源支持。","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fvibe-vibe\u002Fissues\u002F43",{"id":138,"question_zh":139,"answer_zh":140,"source_url":141},1722,"如何修复 VitePress 自定义容器和复选框渲染问题？","1. 自定义容器：将 `::: note` 替换为 `::: info` 类型\n2. 复选框支持：安装 `markdown-it-task-lists` 插件并修改 `custom.css` 文件样式","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fvibe-vibe\u002Fissues\u002F47",{"id":143,"question_zh":144,"answer_zh":145,"source_url":146},1723,"进阶版内容缺失或排版异常怎么办？","旧版内容已下线，建议查看新版进阶篇。如遇章节丢失问题，维护者会及时补充内容并修复排版问题。","https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002Fvibe-vibe\u002Fissues\u002F127",[]]