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