feat(appendix): 添加多个交互式演示组件，完善 AI/Infra 等章节内容

- 新增 Vibe Coding 全栈相关演示组件 (DeveloperSkillShift, FrontendTriad, BackendCore 等)
- 新增 RAG 相关组件 (RAGPipeline, ChunkingStrategy, Retrieval 等)
- 新增 Embedding & Vector 相关组件 (EmbeddingConcept, VectorSimilarity 等)
- 新增 AI Native App 设计组件 (AINativeArch, PromptDesign 等)
- 新增 Infrastructure as Code 组件 (IaCConcept, TerraformWorkflow 等)
- 新增 DNS & HTTPS 演示组件 (DnsResolution, HttpsHandshake 等)
- 新增 Model Finetuning 组件 (FinetuningPipeline 等)
- 更新多个章节的 markdown 内容，集成交互式演示

docs/zh-cn/appendix/9-engineering-excellence/technology-selection.md

@@ -119,7 +119,55 @@
 
 ---
 
-## 4. 总结
+## 4. AI 助力：用大模型辅助技术选型
+
+大模型可以帮你快速调研技术方案、对比优劣、生成决策报告。
+
+### 4.1 技术方案对比
+
+> **提示词**：
+> ```
+> 我需要为一个电商项目选择数据库，候选方案：
+> MySQL、PostgreSQL、MongoDB。
+> 项目特点：读多写少、需要复杂查询、数据量预计千万级。
+>
+> 请从以下维度对比三个方案：
+> 性能、生态、学习曲线、运维成本、扩展性。
+> 用表格形式呈现，并给出最终推荐和理由。
+> ```
+
+### 4.2 生成架构决策记录（ADR）
+
+> **提示词**：
+> ```
+> 帮我写一份架构决策记录（ADR），格式如下：
+> - 标题：选择 Vue 3 作为前端框架
+> - 背景：[项目背景和需求]
+> - 候选方案：React, Vue 3, Svelte
+> - 决策：Vue 3
+> - 理由：[基于团队能力、生态、性能等维度]
+> - 后果：[选择后的影响和风险]
+> ```
+
+### 4.3 调研新技术
+
+> **提示词**：
+> ```
+> 我在考虑是否在项目中引入 Bun 替代 Node.js，请帮我分析：
+> 1. Bun 相比 Node.js 的核心优势和劣势
+> 2. 当前生态成熟度（npm 兼容性、主流框架支持）
+> 3. 生产环境使用的风险点
+> 4. 适合和不适合使用 Bun 的场景
+> 给出客观评估，不要只说优点。
+> ```
+
+::: tip AI 使用建议
+AI 的知识有时效性——它可能不了解最新版本的变化。对于快速迭代的技术，用 AI 做初步调研后，务必查阅官方文档确认最新信息。
+:::
+
+---
+
+## 5. 总结
 
 1. **技术雷达**：了解技术的成熟度，区分采纳/试验/评估/暂缓
 2. **选型维度**：团队能力 > 社区生态 > 性能需求 > 维护状态