docs(consumer-scenarios): add AI consumer scenarios inspiration guide
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:
@@ -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/'
|
||||
}
|
||||
]
|
||||
|
||||
@@ -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/'
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@@ -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>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user