delorex/test-repo
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs(consumer-scenarios): add AI consumer scenarios inspiration guide

Browse Source 
Add comprehensive guide for AI applications in consumer scenarios with 16 categories and 80+ inspiration ideas. Focus on creating emotional connections and atmosphere rather than just functionality.

Includes interactive selection tool to help users find relevant scenarios based on desired vibe and current feeling. Each scenario provides detailed atmosphere creation tips and psychological cues.

Also covers core design principles for C-end products, shifting from functional thinking to emotional experience design.
This commit is contained in:
sanbuphy
2026-02-09 16:10:17 +08:00
parent a5d3bf2124
commit 7d0e798672
15 changed files with 1540 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+19 -10
View File
@@ -146,18 +146,27 @@ Easy-Vibe 通过以下几个阶段，带你从 0 到 1：
| :----------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- |
| [前言：学习地图](docs/zh-cn/stage-0/0.1-learning-map/index.md) | 整体学习路径导览 | ✅ |
| [初级一：AI 时代，会说话就会编程](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | 通过贪吃蛇等案例初步感受 AI 编程的能力 | ✅ |
| [初级二：认识 AI IDE 工具](docs/zh-cn/stage-0/) | 学会使用 IDE，在本地制作小游戏 | ✅ |
| [初级三：动手做出原型](docs/zh-cn/stage-0/) | 从需求分析、AI 生成单页面，再到生成多页面产品原型 | ✅ |
| [初级四：给原型加上 AI 能力](docs/zh-cn/stage-0/) | 学会接入常见 AI 能力（文本、图片、视频） | ✅ |
| [初级五：完整项目实战](docs/zh-cn/stage-0/) | 模拟真实场景、接受用户反馈迭代，完整化项目 | ✅ |
| [大作业：做一个完整的 Web 应用原型并展示](docs/zh-cn/stage-0/) | 完整实现应用，展示应用效果 | ✅ |
| [初级二：寻找好想法](docs/zh-cn/stage-1/1.0-finding-great-idea/index.md) | 学会寻找和验证产品想法，找到值得做的项目 | ✅ |
| [初级三：认识 AI IDE 工具](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | 学会使用 IDE，在本地制作小游戏 | ✅ |
| [初级四：动手做出原型](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 从需求分析、AI 生成单页面，再到生成多页面产品原型 | ✅ |
| [初级五：给原型加上 AI 能力](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 学会接入常见 AI 能力（文本、图片、视频） | ✅ |
| [初级六：完整项目实战](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 模拟真实场景、接受用户反馈迭代，完整化项目 | ✅ |
#### 附录
#### 附录：业务思维
| 章节 | 关键内容 | 状态 |
| :-------------------------------------------------------------------------------- | :--------------------------------- | :--- |
| [附录A：产品思维补充](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | 从零到一做产品需要考虑的思维框架 | ✅ |
| [附录B：常见报错及解决方案](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | vibe coding 中的常见错误及排查方法 | ✅ |
| 章节 | 关键内容 | 状态 |
| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [附录A：产品思维与方案设计](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | 从零到一做产品需要考虑的思维框架 | ✅ |
| [附录B：AI 行业应用场景参考 (B端)](docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | 了解 AI 在不同产业的应用场景 | ✅ |
| [附录C：AI 消费场景灵感参考 (C端)](docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | 探索 AI 在消费级产品中的应用场景 | ✅ |
#### 附录：技术方案
| 章节 | 关键内容 | 状态 |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [附录D：写代码时遇到错误怎么办](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | vibe coding 中的常见错误及排查方法 | ✅ |
| [附录E：七款 AI 编程工具对比](docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | 对比测试主流 AI 编程平台 | ✅ |
| [附录F：用设计和编程 Agent 设计网站](docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | 学习如何使用 AI 智能体协同工作 | ✅ |
<details>
<summary><strong>二、初中级开发工程师</strong></summary>
docs-readme/ar-SA/README.md
+14 -5
View File
@@ -87,12 +87,21 @@
| [المبتدئ 5: مشروع كامل عملي](docs/stage-1/1.4-complete-project-practice/index.md) | محاكاة سيناريوهات حقيقية، قبول ملاحظات المستخدمين للتحسين، إكمال المشروع | ✅ |
| [المشروع الكبير: إنشاء نموذج أولي كامل لتطبيق الويب وعرضه](docs/stage-1/1.5-final-project/index.md) | تنفيذ التطبيق بالكامل، عرض آثار التطبيق | ✅ |
#### الملاحق
#### الملاحق: التفكير التجاري
| الفصل | المحتوى الرئيسي | الحالة |
| :---------------------------------------------------------------------------------- | :-------------------------------------------------- | :----- |
| [الملحق A: مكمل تفكير المنتج](docs/stage-1/appendix-a-product-thinking/index.md) | أطر التفكير اللازمة لبناء منتج من الصفر إلى واحد | ✅ |
| [الملحق B: الأخطاء الشائعة والحلول](docs/stage-1/appendix-b-common-errors/index.md) | الأخطاء الشائعة في Vibe Coding وطرق استكشاف الأخطاء | ✅ |
| الفصل | المحتوى الرئيسي | الحالة |
| :------------------------------------------------------------------------------------------ | :----------------------------------------------------------- | :----- |
| [الملحق A: التفكير في المنتج وتصميم الحل](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | أطر التفكير اللازمة لبناء منتج من الصفر إلى واحد | ✅ |
| [الملحق B: مرجع سيناريوهات تطبيق الذكاء الاصطناعي في الصناعة (B2B)](docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | فهم تطبيقات الذكاء الاصطناعي في مختلف الصناعات | ✅ |
| [الملحق C: مرجع إلهام سيناريوهات استهلاك الذكاء الاصطناعي (B2C)](docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | استكشاف تطبيقات الذكاء الاصطناعي في منتجات المستهلكين | ✅ |
#### الملاحق: الحلول التقنية
| الفصل | المحتوى الرئيسي | الحالة |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :----- |
| [الملحق D: ماذا تفعل عند مواجهة أخطاء أثناء كتابة الكود](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | الأخطاء الشائعة في Vibe Coding وطرق استكشاف الأخطاء | ✅ |
| [الملحق E: مقارنة 7 أدوات برمجة الذكاء الاصطناعي](docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | مقارنة واختبار منصات برمجة الذكاء الاصطناعي الرئيسية | ✅ |
| [الملحق F: تصميم مواقع الويب باستخدام وكلاء التصميم والبرمجة](docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | تعلم كيفية استخدام وكلاء الذكاء الاصطناعي بشكل تعاوني | ✅ |
### 2. مهندس تطوير مستوى المبتدئ-المتوسط
docs-readme/de-DE/README.md
+12 -3
View File
@@ -87,12 +87,21 @@ Wir glauben, dass durch die Beherrschung von Vibe Coding in Kombination mit syst
| [Anfänger 5: Komplettes Projektpraxis](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Reale Szenarien simulieren, Benutzerfeedback zur Iteration akzeptieren, Projekt completed | ✅ |
| [Großes Projekt: Einen kompletten Web-App-Prototyp erstellen und präsentieren](docs/zh-cn/stage-1/1.5-final-project/index.md) | Anwendung vollständig implementieren, Anwendungseffekte präsentieren | ✅ |
#### Anhänge
#### Anhänge: Geschäftsdenken
| Kapitel | Schlüsselinhalt | Status |
| :-------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------ | :----- |
| [Anhang A: Produktdenken-Ergänzung](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Denkrahmen, die für die Erstellung eines Produkts von Null auf Eins erforderlich sind | ✅ |
| [Anhang B: Häufige Fehler und Lösungen](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Häufige Fehler in Vibe Coding und Methoden zur Fehlerbehebung | ✅ |
| [Anhang A: Produktdenken und Lösungsdesign](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Denkrahmen, die für die Erstellung eines Produkts von Null auf Eins erforderlich sind | ✅ |
| [Anhang B: Referenz für KI-Branchenanwendungsszenarien (B2B)](docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | Verstehen der KI-Anwendungen in verschiedenen Branchen | ✅ |
| [Anhang C: Referenz für KI-Verbrauchsszenarien-Inspiration (B2C)](docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | Erkunden der KI-Anwendungen in Verbraucherprodukten | ✅ |
#### Anhänge: Technische Lösungen
| Kapitel | Schlüsselinhalt | Status |
| :----------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------ | :----- |
| [Anhang D: Was Tun bei Fehlern beim Schreiben von Code](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Häufige Fehler in Vibe Coding und Methoden zur Fehlerbehebung | ✅ |
| [Anhang E: Vergleich von 7 KI-Programmierungstools](docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | Vergleich und Testen der wichtigsten KI-Programmierplattformen | ✅ |
| [Anhang F: Websites mit Design- und Programmieragenten Entwerfen](docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | Lernen der kollaborativen Nutzung von KI-Agenten | ✅ |
### 2. Entwicklungsingenieur auf Anfänger-Fortgeschrittenen-Niveau
docs-readme/en-US/README.md
+14 -5
View File
@@ -90,12 +90,21 @@ We believe that by mastering Vibe Coding combined with systematic training, one
| [Primary 5: Complete Project Practice](docs/en-us/stage-0/) | Simulate real scenarios, accept user feedback iterations, complete projects | 🚧 |
| [Final Assignment: Build a Complete Web Application Prototype and Present](docs/en-us/stage-0/) | Fully implement application, showcase application effects | 🚧 |
#### Appendix
#### Appendix: Business Thinking
| Chapter | Key Content | Status |
| :------------------------------------------------------------- | :------------------------------------------------------- | :----- |
| [Appendix A: Product Thinking Supplement](docs/en-us/stage-0/) | Thinking framework needed to build products from scratch | 🚧 |
| [Appendix B: Common Errors and Solutions](docs/en-us/stage-0/) | Common errors in vibe coding and troubleshooting methods | 🚧 |
| Chapter | Key Content | Status |
| :---------------------------------------------------------------------- | :--------------------------------------------------------------------- | :----- |
| [Appendix A: Product Thinking and Solution Design](docs/en-us/stage-1/appendix-a-product-thinking/) | Thinking framework needed to build products from scratch | 🚧 |
| [Appendix B: AI Industry Application Scenarios (B2B)](docs/en-us/stage-1/appendix-industry-scenarios/) | Understand AI applications in different industries | 🚧 |
| [Appendix C: AI Consumer Scenario Inspiration (B2C)](docs/en-us/stage-1/appendix-c-consumer-scenarios/) | Explore AI applications in consumer products | 🚧 |
#### Appendix: Technical Solutions
| Chapter | Key Content | Status |
| :---------------------------------------------------------------------- | :--------------------------------------------------------------------- | :----- |
| [Appendix D: What to Do When Encountering Errors](docs/en-us/stage-1/appendix-b-common-errors/) | Common errors in vibe coding and troubleshooting methods | 🚧 |
| [Appendix E: Comparison of Seven AI Programming Tools](docs/en-us/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | Compare and test mainstream AI programming platforms | 🚧 |
| [Appendix F: Designing Websites with Design and Programming Agents](docs/en-us/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | Learn how to use AI agents collaboratively | 🚧 |
### Stage 2: Intermediate Developer
docs-readme/es-ES/README.md
+14 -5
View File
@@ -87,12 +87,21 @@ Creemos que al dominar Vibe Coding y combinarlo con entrenamiento sistemático,
| [Principiante 5: Proyecto completo práctico](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Simular escenarios reales, aceptar feedback de usuarios para iterar, completar el proyecto | ✅ |
| [Proyecto final: Haz un prototipo completo de aplicación web y preséntalo](docs/zh-cn/stage-1/1.5-final-project/index.md) | Implementar completamente la aplicación, mostrar los efectos de la aplicación | ✅ |
#### Apéndices
#### Apéndices: Pensamiento de Negocio
| Capítulo | Contenido clave | Estado |
| :----------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------- | :----- |
| [Apéndice A: Suplemento de pensamiento de producto](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Marcos de pensamiento necesarios para crear un producto de cero a uno | ✅ |
| [Apéndice B: Errores comunes y soluciones](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Errores comunes en Vibe Coding y métodos de solución de problemas | ✅ |
| Capítulo | Contenido clave | Estado |
| :--------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------- | :----- |
| [Apéndice A: Pensamiento de Producto y Diseño de Solución](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Marcos de pensamiento necesarios para crear un producto de cero a uno | ✅ |
| [Apéndice B: Referencia de Escenarios de Aplicación de AI en la Industria (B2B)](docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | Comprender las aplicaciones de AI en diferentes industrias | ✅ |
| [Apéndice C: Referencia de Inspiración de Escenarios de Consumo de AI (B2C)](docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | Explorar las aplicaciones de AI en productos de consumo | ✅ |
#### Apéndices: Soluciones Técnicas
| Capítulo | Contenido clave | Estado |
| :------------------------------------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------- | :----- |
| [Apéndice D: Qué Hacer Cuando se Encuentran Errores al Escribir Código](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Errores comunes en Vibe Coding y métodos de solución de problemas | ✅ |
| [Apéndice E: Comparación de 7 Herramientas de Programación AI](docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | Comparar y probar las principales plataformas de programación AI | ✅ |
| [Apéndice F: Diseñar Sitios Web con Agentes de Diseño y Programación](docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | Aprender a usar agentes AI de forma colaborativa | ✅ |
### 2. Ingeniero de Desarrollo de Nivel Principiante-Intermedio
docs-readme/fr-FR/README.md
+14 -5
View File
@@ -87,12 +87,21 @@ Nous croyons qu'en maîtrisant Vibe Coding et en le combinant avec un entraînem
| [Débutant 5 : Projet complet pratique](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Simuler des scénarios réels, accepter les feedbacks des utilisateurs pour itérer, compléter le projet | ✅ |
| [Projet final : Créer un prototype complet d'application web et le présenter](docs/zh-cn/stage-1/1.5-final-project/index.md) | Implémenter complètement l'application, présenter les effets de l'application | ✅ |
#### Annexes
#### Annexes : Pensée Business
| Chapitre | Contenu clé | Statut |
| :------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------- | :----- |
| [Annexe A : Complément de pensée produit](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Cadres de pensée nécessaires pour créer un produit de zéro à un | ✅ |
| [Annexe B : Erreurs courantes et solutions](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Erreurs courantes en Vibe Coding et méthodes de dépannage | ✅ |
| Chapitre | Contenu clé | Statut |
| :--------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------- | :----- |
| [Annexe A : Pensée Produit et Conception de Solution](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Cadres de pensée nécessaires pour créer un produit de zéro à un | ✅ |
| [Annexe B : Référence des Scénarios d'Application AI dans l'Industrie (B2B)](docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | Comprendre les applications AI dans différentes industries | ✅ |
| [Annexe C : Référence d'Inspiration des Scénarios de Consommation AI (B2C)](docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | Explorer les applications AI dans les produits grand public | ✅ |
#### Annexes : Solutions Techniques
| Chapitre | Contenu clé | Statut |
| :------------------------------------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------- | :----- |
| [Annexe D : Que Faire en Cas d'Erreur lors de l'Écriture de Code](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Erreurs courantes en Vibe Coding et méthodes de dépannage | ✅ |
| [Annexe E : Comparaison de 7 Outils de Programmation AI](docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | Comparer et tester les principales plateformes de programmation AI | ✅ |
| [Annexe F : Concevoir des Sites Web avec des Agents de Design et de Programmation](docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | Apprendre à utiliser les agents AI de manière collaborative | ✅ |
### 2. Ingénieur de Développement Niveau Débutant-Intermédiaire
docs-readme/ja-JP/README.md
+14 -5
View File
@@ -87,12 +87,21 @@ AI でコードを書こうとしてエラーが続き、諦めかけたくな
| [初級五：完全プロジェクト実戦](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 実際のシーンをシミュレート、ユーザーフィードバックを受け反復改良、プロジェクトを完全に | ✅ |
| [大課題：完全な Web アプリケーションプロトタイプを作成し展示](docs/zh-cn/stage-1/1.5-final-project/index.md) | アプリケーションを完全に実装し、アプリケーション効果を展示 | ✅ |
#### 付録
#### 付録：ビジネス思考
| 章 | 主要内容 | 状態 |
| :------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
| [付録 A：プロダクト思考補充](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | ゼロからイチまでプロダクトを作る際に必要な思考フレームワーク | ✅ |
| [付録 B：一般的なエラーと解決策](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Vibe Coding における一般的なエラーとトラブルシューティング方法 | ✅ |
| 章 | 主要内容 | 状態 |
| :--------------------------------------------------------------------------------------- | :--------------------------------------------------------------- | :--- |
| [付録 A：プロダクト思考とソリューション設計](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | ゼロからイチまでプロダクトを作る際に必要な思考フレームワーク | ✅ |
| [付録 B：AI 業界アプリケーションシナリオ参考 (B2B)](docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | さまざまな業界での AI 応用事例を理解する | ✅ |
| [付録 C：AI 消費シナリオインスピレーション参考 (B2C)](docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | 消費者向け製品での AI 応用事例を探索する | ✅ |
#### 付録：技術ソリューション
| 章 | 主要内容 | 状態 |
| :------------------------------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------- | :--- |
| [付録 D：コード作成時にエラーが発生した場合の対処法](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Vibe Coding における一般的なエラーとトラブルシューティング方法 | ✅ |
| [付録 E：7 つの AI プログラミングツール比較](docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | 主流の AI プログラミングプラットフォームの比較テスト | ✅ |
| [付録 F：デザインとプログラミングエージェントでウェブサイトを設計](docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | AI エージェントの協調的な使用方法を学ぶ | ✅ |
### 二、初中級開発エンジニア
docs-readme/ko-KR/README.md
+14 -5
View File
@@ -87,12 +87,21 @@ AI로 코드를 작성하려고 할 때 오류가 계속 발생하고, 포기하
| [초급 5: 완전 프로젝트 실전](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 실제 시나리오 시뮬레이션, 사용자 피드백 수용 반복 개선, 프로젝트 완성 | ✅ |
| [대 과제: 완전한 웹 애플리케이션 프로토타입 만들기 및 전시](docs/zh-cn/stage-1/1.5-final-project/index.md) | 애플리케이션 완전 구현, 애플리케이션 효과 전시 | ✅ |
#### 부록
#### 부록: 비즈니스 사고
| 장 | 주요 내용 | 상태 |
| :----------------------------------------------------------------------------------------- | :-------------------------------------------------- | :--- |
| [부록 A: 프로덕트 사고 보충](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | 0에서 1까지 프로덕트 만들 때 필요한 사고 프레임워크 | ✅ |
| [부록 B: 일반적인 오류 및 해결 방안](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Vibe Coding의 일반적인 오류 및 문제 해결 방법 | ✅ |
| 장 | 주요 내용 | 상태 |
| :-------------------------------------------------------------------------------------------------- | :------------------------------------------- | :--- |
| [부록 A: 프로덕트 사고 및 솔루션 설계](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | 0에서 1까지 프로덕트 만들 때 필요한 사고 프레임워크 | ✅ |
| [부록 B: AI 산업 적용 시나리오 참조 (B2B)](docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | 다양한 산업에서 AI 적용 사례 이해 | ✅ |
| [부록 C: AI 소비 시나리오 영감 참조 (B2C)](docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | 소비자 제품에서 AI 적용 사례 탐색 | ✅ |
#### 부록: 기술 솔루션
| 장 | 주요 내용 | 상태 |
| :------------------------------------------------------------------------------------------------------------------------------------------------------ | :------------------------------------------- | :--- |
| [부록 D: 코드 작성 시 오류 발생 시 대처 방법](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Vibe Coding의 일반적인 오류 및 문제 해결 방법 | ✅ |
| [부록 E: 7가지 AI 프로그래밍 도구 비교](docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | 주요 AI 프로그래밍 플랫폼 비교 테스트 | ✅ |
| [부록 F: 디자인 및 프로그래밍 에이전트로 웹사이트 설계](docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | AI 에이전트 협업 사용 방법 학습 | ✅ |
### 2. 초중급 개발 엔지니어
docs-readme/vi-VN/README.md
+14 -5
View File
@@ -87,12 +87,21 @@ Chúng tôi tin rằng thông qua việc làm chủ Vibe Coding kết hợp vớ
| [Sơ cấp 5: Dự án hoàn chỉnh thực chiến](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Mô phỏng kịch bản thực tế, chấp nhận phản hồi người dùng để cải tiến, hoàn thành dự án | ✅ |
| [Đề tài lớn: Tạo nguyên mẫu ứng dụng web hoàn chỉnh và trưng bày](docs/zh-cn/stage-1/1.5-final-project/index.md) | Thực hiện ứng dụng hoàn chỉnh, trình bày hiệu ứng ứng dụng | ✅ |
#### Phụ lục
#### Phụ lục: Tư duy Kinh doanh
| Chương | Nội dung chính | Trạng thái |
| :-------------------------------------------------------------------------------------- | :---------------------------------------------------------------- | :--------- |
| [Phụ lục A: Bổ sung tư duy sản phẩm](docs/stage-1/appendix-a-product-thinking/index.md) | Các khung tư duy cần thiết để tạo sản phẩm từ số không đến một | ✅ |
| [Phụ lục B: Lỗi phổ biến và giải pháp](docs/stage-1/appendix-b-common-errors/index.md) | Các lỗi phổ biến trong Vibe Coding và phương pháp khắc phục sự cố | ✅ |
| Chương | Nội dung chính | Trạng thái |
| :------------------------------------------------------------------------------------------- | :---------------------------------------------------------- | :--------- |
| [Phụ lục A: Tư duy Sản phẩm và Thiết kế Giải pháp](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Các khung tư duy cần thiết để tạo sản phẩm từ số không đến một | ✅ |
| [Phụ lục B: Tham khảo Ứng dụng AI trong Ngành (B2B)](docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | Hiểu các ứng dụng AI trong các ngành khác nhau | ✅ |
| [Phụ lục C: Tham khảo Cảm hứng Kịch bản Tiêu dùng AI (B2C)](docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | Khám phá các ứng dụng AI trong sản phẩm tiêu dùng | ✅ |
#### Phụ lục: Giải pháp Kỹ thuật
| Chương | Nội dung chính | Trạng thái |
| :---------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------- | :--------- |
| [Phụ lục D: Làm gì khi Gặp lỗi khi Viết Code](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Các lỗi phổ biến trong Vibe Coding và phương pháp khắc phục | ✅ |
| [Phụ lục E: So sánh 7 Công cụ Lập trình AI](docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | So sánh và thử nghiệm các nền tảng lập trình AI chính | ✅ |
| [Phụ lục F: Thiết kế Website với Agent Thiết kế và Lập trình](docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | Học cách sử dụng AI Agent cộng tác | ✅ |
### 2. Kỹ sư phát triển cấp sơ-trung
docs-readme/zh-CN/README.md
+19 -10
View File
@@ -84,18 +84,27 @@
| :--------------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- |
| [前言：学习地图](docs/zh-cn/stage-0/0.1-learning-map/index.md) | 整体学习路径导览 | ✅ |
| [初级一：AI 时代，会说话就会编程](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | 通过贪吃蛇等案例初步感受 AI 编程的能力 | ✅ |
| [初级二：认识 AI IDE 工具](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | 学会使用 IDE，在本地制作小游戏 | ✅ |
| [初级三：动手做出原型](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 从需求分析、AI 生成单页面，再到生成多页面产品原型 | ✅ |
| [初级四：给原型加上 AI 能力](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 学会接入常见 AI 能力（文本、图片、视频） | ✅ |
| [初级五：完整项目实战](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 模拟真实场景、接受用户反馈迭代，完整化项目 | ✅ |
| [大作业：做一个完整的 Web 应用原型并展示](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 完整实现应用，展示应用效果 | ✅ |
| [初级二：寻找好想法](docs/zh-cn/stage-1/1.0-finding-great-idea/index.md) | 学会寻找和验证产品想法，找到值得做的项目 | ✅ |
| [初级三：认识 AI IDE 工具](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | 学会使用 IDE，在本地制作小游戏 | ✅ |
| [初级四：动手做出原型](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 从需求分析、AI 生成单页面，再到生成多页面产品原型 | ✅ |
| [初级五：给原型加上 AI 能力](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 学会接入常见 AI 能力（文本、图片、视频） | ✅ |
| [初级六：完整项目实战](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 模拟真实场景、接受用户反馈迭代，完整化项目 | ✅ |
#### 附录
#### 附录：业务思维
| 章节 | 关键内容 | 状态 |
| :-------------------------------------------------------------------------------- | :--------------------------------- | :--- |
| [附录A：产品思维补充](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | 从零到一做产品需要考虑的思维框架 | ✅ |
| [附录B：常见报错及解决方案](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | vibe coding 中的常见错误及排查方法 | ✅ |
| 章节 | 关键内容 | 状态 |
| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [附录A：产品思维与方案设计](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | 从零到一做产品需要考虑的思维框架 | ✅ |
| [附录B：AI 行业应用场景参考 (B端)](docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | 了解 AI 在不同产业的应用场景 | ✅ |
| [附录C：AI 消费场景灵感参考 (C端)](docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | 探索 AI 在消费级产品中的应用场景 | ✅ |
#### 附录：技术方案
| 章节 | 关键内容 | 状态 |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [附录D：写代码时遇到错误怎么办](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | vibe coding 中的常见错误及排查方法 | ✅ |
| [附录E：七款 AI 编程工具对比](docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | 对比测试主流 AI 编程平台 | ✅ |
| [附录F：用设计和编程 Agent 设计网站](docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | 学习如何使用 AI 智能体协同工作 | ✅ |
### 二、初中级开发工程师
docs-readme/zh-TW/README.md
+14 -5
View File
@@ -87,12 +87,21 @@
| [初級五：完整專案實戰](../docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 模擬真實場景、接受用戶反饋迭代，完整化專案 | ✅ |
| [大作業：做一個完整的 Web 應用原型並展示](../docs/zh-cn/stage-1/1.5-final-project/index.md) | 完整實現應用，展示應用效果 | ✅ |
#### 附錄
#### 附錄：業務思維
| 章节 | 關鍵內容 | 狀態 |
| :----------------------------------------------------------------------------------- | :--------------------------------- | :--- |
| [附錄A：產品思維補充](../docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | 從零到一做產品需要考慮的思維框架 | ✅ |
| [附錄B：常見報錯及解決方案](../docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | vibe coding 中的常見錯誤及排查方法 | ✅ |
| 章節 | 關鍵內容 | 狀態 |
| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [附錄A：產品思維與方案設計](../docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | 從零到一做產品需要考慮的思維框架 | ✅ |
| [附錄B：AI 行業應用場景參考 (B端)](../docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | 了解 AI 在不同產業的應用場景 | ✅ |
| [附錄C：AI 消費場景靈感參考 (C端)](../docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | 探索 AI 在消費級產品中的應用場景 | ✅ |
#### 附錄：技術方案
| 章節 | 關鍵內容 | 狀態 |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [附錄D：寫代碼時遇到錯誤怎麼辦](../docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | vibe coding 中的常見錯誤及排查方法 | ✅ |
| [附錄E：七款 AI 編程工具對比](../docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | 對比測試主流 AI 編程平台 | ✅ |
| [附錄F：用設計和編程 Agent 設計網站](../docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | 學習如何使用 AI 智能體協同工作 | ✅ |
### 二、初中級開發工程師
docs/.vitepress/config.mjs
+1 -1
View File
@@ -210,7 +210,7 @@ const productManagerSidebar = [
items: [
{ text: '1. 学习地图', link: '/zh-cn/stage-0/0.1-learning-map/' },
{
text: '2. 对话式编程入门',
text: '2. AI 时代，会说话就会编程',
link: '/zh-cn/stage-0/0.2-ai-capabilities-through-games/'
}
]
docs/.vitepress/theme/components/HomeFeatures.vue
+8 -8
View File
@@ -76,22 +76,22 @@ const i18n = {
sub: '不看专业、不看出身——会说话，你就能做产品。',
cards: [
{
title: '零门槛上手',
desc: '从想法到可交互原型，只需要会说话。',
title: '学习地图',
desc: '了解从零基础到全栈开发的完整学习路径，明确每个阶段的目标和收获。',
sub: '全年龄友好',
link: '/zh-cn/stage-0/'
link: '/zh-cn/stage-0/0.1-learning-map/'
},
{
title: '游戏化入门',
desc: '通过制作贪吃蛇、俄罗斯方块，打破对代码的恐惧。',
desc: '通过制作贪吃蛇等 AI 原生小游戏，体验 AI 编程的魅力，打破对代码的恐惧。',
sub: '边玩边学',
link: '/zh-cn/stage-0/'
link: '/zh-cn/stage-0/0.2-ai-capabilities-through-games/'
},
{
title: 'Vibe Coding',
desc: '掌握 AI 时代的编程核心：提示词工程与上下文管理。',
title: '产品原型实战',
desc: '掌握 Vibe Coding 工作流，从想法到可交互原型，独立完成高保真 Web 应用。',
sub: '核心心法',
link: '/zh-cn/stage-0/'
link: '/zh-cn/stage-1/1.0-finding-great-idea/'
}
]
},
docs/zh-cn/stage-0/index.md
+19 -9
View File
@@ -28,24 +28,29 @@
掌握 Vibe Coding 工作流，学会拆解需求，独立完成高保真 Web 应用原型：
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-1/1.0-finding-great-idea/"
title="1. 找到好点子"
description="学会寻找和验证产品想法，找到值得做的项目。"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-1/1.1-introduction-to-ai-ide/"
title="1. 认识 AI IDE 工具"
title="2. 学会 AI 编程工具"
description="了解当前主流的 AI 编程工具，选择最适合你的开发搭档。"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-1/1.2-building-prototype/"
title="2. 动手做出原型"
title="3. 搭建产品原型"
description="学习如何快速将产品想法转化为可视化的原型，进行低成本试错。"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-1/1.3-integrating-ai-capabilities/"
title="3. 给原型加上 AI 能力"
title="4. 接入 AI 能力"
description="通过集成简单的 AI API，让你的原型具备智能交互能力。"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-1/1.4-complete-project-practice/"
title="4. 完整项目实战"
title="5. 完整项目实战"
description="综合运用所学知识，从 0 到 1 完成一个完整的产品原型开发。"
/>
</NavGrid>
@@ -62,14 +67,19 @@
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-1/appendix-a-product-thinking/"
title="产品思维补充"
title="产品思维与方案设计"
description="补充产品经理必备的思维模型，提升需求分析与产品设计能力。"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-1/appendix-industry-scenarios/"
title="产业场景方向参考"
title="AI 行业应用场景参考 (B端)"
description="了解 AI 在不同产业的应用场景，寻找产品灵感与方向。"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-1/appendix-c-consumer-scenarios/"
title="AI 消费场景灵感参考 (C端)"
description="探索 AI 在消费级产品中的应用场景，激发创意灵感。"
/>
</NavGrid>
### 附录：技术方案
@@ -84,17 +94,17 @@
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-1/appendix-b-common-errors/"
title="常见报错及解决方案"
title="写代码时遇到错误怎么办"
description="汇总开发过程中常见的报错信息及解决方法，助你快速排查问题。"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial"
title="7 款主流 Vibe Coding 平台实测对比"
title="七款 AI 编程工具对比"
description="对比测试主流 AI 编程平台，帮你选择最适合的工具。"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents"
title="用编程和设计智能体开发网站"
title="用设计和编程 Agent 设计网站"
description="学习如何使用 AI 智能体协同工作，提升开发效率。"
/>
</NavGrid>
docs/zh-cn/stage-1/appendix-consumer-scenarios/index.md
+1350
View File
File diff suppressed because it is too large Load Diff