Auto-sync: 2026-04-18 12:03

wiki/sources/我用-Gemini-3-一口气做了-10-个应用-附教程.md

@@ -0,0 +1,75 @@
+---
+title: "我用 Gemini 3 一口气做了 10 个应用，附教程"
+type: source
+tags: [AI应用, Gemini, 提示语设计]
+sources:
+- raw/AI/我用 Gemini 3 一口气做了 10 个应用，附教程.md
+last_updated: 2026-04-18
+---
+
+## Source File
+- [[raw/AI/我用 Gemini 3 一口气做了 10 个应用，附教程.md]]
+
+## Summary
+- 核心主题：使用 Google Gemini 3 模型开发 10 个创意应用的方法论与实战案例
+- 问题域：AI 应用开发、创意灵感激发
+- 方法/机制：三步开发法（输入场景→约束模型→设计输出容器）
+- 结论/价值：提供普通人可复制的 AI 应用开发范式
+
+## Key Claims
+- Gemini 3 可通过提示词设计实现多样化的创意应用生成
+- 三步开发法是构建 AI 应用的核心方法论
+- 前端代码（SVG/HTML）是可视化 AI 输出的容器
+
+## Key Quotes
+> "制作原理，就是让 AI 输出 SVG 的语言，可视化展示整个信息" — 作者阐述应用制作的核心机制
+
+> "如果你感兴趣的话，我下期再来详细分享一下做这些应用的具体对话内容" — 作者承诺后续教程
+
+## Key Concepts
+- [[提示语设计]]：通过精心设计的提示词提升 AI 输出质量的技术
+- [[Vibe-Coding]]：AI 辅助开发方式，自然语言描述需求，AI 负责代码实现
+
+## Key Entities
+- [[Gemini]]：Google 开发的大型语言模型，支持图像和文本生成
+- [[Google]]：全球科技公司，开发 Gemini 系列模型
+- [[空格]]：微信公众号作者，专注于 AI 应用开发分享
+
+## Connections
+- [[提示语设计]] ← 是开发方法的核心 ← [[Vibe-Coding]]
+- [[Gemini]] ← 通过 [[提示语设计]] 生成 → 各种创意应用
+
+## Contradictions
+- （暂无记录）
+
+## 方法论详情
+
+### 三步开发法
+
+**第一步：思考输入的场景**
+- 局限输入词汇在垂直场景（如诗词、小说、电影等）
+- 聚焦特定领域可提高输出质量和相关性
+
+**第二步：约束模型的思考**
+- 利用提示词、MCP（Model Context Protocol）
+- 将输入词汇扩展为结构化内容
+- 例如：电影名扩展为电影海报制作，提取海报元素
+
+**第三步：设计输出的容器**
+- 使用前端代码可视化模型输出
+- 可搜索参考图，让模型模仿制作 SVG 或 HTML
+- 将第二步生成的文字替换到前端模板中
+
+## 10 个应用案例
+
+| 应用 | 说明 | 体验地址 |
+|------|------|----------|
+| 配色卡片 | 莫奈主题颜色生成，包含渐变色和纯色卡片 | ai.studio |
+| 电影海报 | 电影海报生成，含简介、上映时间、导演 | ai.studio |
+| 绘画思维导图 | 关键词头脑风暴，生成思维导图后选词生成图片 | ai.studio |
+| ... | ... | ... |
+
+## Shells
+- AI应用开发
+- 提示语工程
+- 前端可视化