2.7 KiB
2.7 KiB
title, type, tags, sources, last_updated
| title | type | tags | sources | last_updated | ||||
|---|---|---|---|---|---|---|---|---|
| 我用 Gemini 3 一口气做了 10 个应用,附教程 | source |
|
|
2026-04-18 |
Source File
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
Connections
- 提示语设计 ← 是开发方法的核心 ← Vibe-Coding
- Gemini ← 通过 提示语设计 生成 → 各种创意应用
Contradictions
- (暂无记录)
方法论详情
三步开发法
第一步:思考输入的场景
- 局限输入词汇在垂直场景(如诗词、小说、电影等)
- 聚焦特定领域可提高输出质量和相关性
第二步:约束模型的思考
- 利用提示词、MCP(Model Context Protocol)
- 将输入词汇扩展为结构化内容
- 例如:电影名扩展为电影海报制作,提取海报元素
第三步:设计输出的容器
- 使用前端代码可视化模型输出
- 可搜索参考图,让模型模仿制作 SVG 或 HTML
- 将第二步生成的文字替换到前端模板中
10 个应用案例
| 应用 | 说明 | 体验地址 |
|---|---|---|
| 配色卡片 | 莫奈主题颜色生成,包含渐变色和纯色卡片 | ai.studio |
| 电影海报 | 电影海报生成,含简介、上映时间、导演 | ai.studio |
| 绘画思维导图 | 关键词头脑风暴,生成思维导图后选词生成图片 | ai.studio |
| ... | ... | ... |
Shells
- AI应用开发
- 提示语工程
- 前端可视化