---
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应用开发
- 提示语工程
- 前端可视化