id: 3c051e6a4e4f45fb818e7f6fcffc6ce5
parent_id: 
item_type: 1
item_id: 402cc001ad074e79be628e78e7885640
item_updated_time: 1764345646695
title_diff: "[{\"diffs\":[[1,\"我用 Gemini 3 一口气做了 10 个应用，附教程\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":28}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>我用 Gemini 3 一口气做了 10 个应用，附教程</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"content-class\\\" content=\\\"yinxiang.peso.superNote\\\"/>\\\r\\\n  <meta name=\\\"application-data:yinxiang.noteLayout\\\" content=\\\"{\\\"lineSpace\\\":\\\"recommend\\\",\\\"paragraphSpace\\\":\\\"recommend\\\"}\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"48372\\\"></a>\\\r\\\n<h1>我用 Gemini 3 一口气做了 10 个应用，附教程</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"\\\"><div style=\\\"max-width: 700px;\\\"><p></p><div style=\\\"--en-blockquote: true; box-sizing: border-box; border-left: 3px solid #b4c0cc; background-position: initial initial; background-repeat: initial initial;\\\"><div>原文链接: <a href=\\\"https://mp.weixin.qq.com/s?__biz=MzkxMTQ0ODE3Ng==&amp;mid=2247491312&amp;idx=1&amp;sn=5f68bb08eb52d3fa0a9bed6432dd53ea&amp;chksm=c04f2f98e9311b8a7fe43e035837196bbd16639bb6a970f2dd492d7f7ca0447d43824f68b79d&amp;mpshare=1&amp;scene=1&amp;srcid=1126X3XWCtSuVcvRUlkLf1Qh&amp;sharer_shareinfo=314d378eea1a2046e68fc6c49a2f29ee&amp;sharer_shareinfo_first=314d378eea1a2046e68fc6c49a2f29ee#rd\\\"><span>https://mp.weixin.qq.com/s?__biz=MzkxMTQ0ODE3Ng==&amp;mid=224749...</span></a></div></div><p></p><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">原创</span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">空格 zephyr</span></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><a style=\\\"-webkit-tap-highlight-color: transparent;\\\"> 空格的键盘 </a></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><em style=\\\"-webkit-tap-highlight-color: transparent;\\\"></em></span></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><img src=\\\":/9dd0e46c994e4f8e9a482e28cc233f27\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; height: auto; width: auto;\\\" width=\\\"auto\\\"/></span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">我用 Gemini 3 Pro 两三个小时做了十个小应用，主要用的是Gemini 的应用和Google AI studio。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">制作方式也很简单，选择 Gemini 里面的Canvas，描述并发送自己的需求。基本上两次对话就能生成一个像这样子的一个应用。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">如果是在 Google AI studio 里就选择build模式也能制作。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><img src=\\\":/517f5e72f06147b3a9ce82cb247d3c14\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"loading\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; border-radius: 0; height: auto; width: auto;\\\" width=\\\"auto\\\"/></span></p><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><img src=\\\":/670e50e9efb94caa969fb1bcf667cba4\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"loading\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; border-radius: 0; height: auto; width: auto;\\\" width=\\\"auto\\\"/></span></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></span></div><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">Gemini不仅将代码的能力提升到顶级，而且谷歌平台提供的基础设施可以免费制作并发布应用。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">真的财大气粗，完全不用担心token 花钱，它使用内置API，还能连接github，快速将我们想法落地，发布给用户体验。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">在Google AI studio的build里就可以免费用。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">下面就是10个应用的制作过程，附体验地址，可以在电脑和手机浏览器里体验，相信会激发你创作产品的灵感。</span></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold; width: fit-content; text-align: left; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">1 城市名片生成器</span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">第一个应用是一个城市名片生成器，输入一个城市，然后它能给我这个城市做一个地图的绘制，旅游路线、城市数据和特色美食的推荐。看这个地图上面的绘制的方向，和我们现实世界的位置是相联系的。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">还可以选不同的颜色，还能把这个图片下载下来，可以看到这个前端效果特别的漂亮，整个卡片也很优雅。</span></p><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><img src=\\\":/a1de8ba5c16643bea60a28bce7b8347a\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"loading\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; border-radius: 0; height: auto; width: auto;\\\" width=\\\"auto\\\"/></span></div><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">这个制作的应用比较好的点是，它给你内置了一个的API。我不知道它这个里面用的是下面的3还是2.5，但它这个效果真的很好。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">体验地址：</span><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(120,172,254); font-weight: normal; text-decoration: none;\\\">https://gemini.google.com/share/295b5dcd6c96</span></span></strong></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold; width: fit-content; text-align: left; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">2 生日档案生成器</span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">这是一个生日档案的生成器，输入出生日期，然后它就调用Gemini API去获取到1999年12月11日这一天发生了什么事情。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">同日生日的名人，1999年这一天的大事，还有这一年的冷知识，这非常有意思，而且整个设计是用了复古的windows风格。</span></p><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><img src=\\\":/30d2838e33964891a5689c029ca5b585\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"loading\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; border-radius: 0; height: auto; width: auto;\\\" width=\\\"auto\\\"/></span></div><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">体验地址：</span><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: #78acfe; font-weight: normal;\\\">https://gemini.google.com/share/ec45d9cdbdc2</span></span></strong></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold; width: fit-content; text-align: left; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">3 AI可视化生成</span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">这是一个将文本通过AI可视化为流程图、SVG、Html-PPT的生成器。我这里是随便搜了一个文章叫背影，它生成了一个关于这篇文章的一个逻辑路线图。样式简约美观。</span></p><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><img src=\\\":/a47acbe6f8e44f3a97aa9cc17a7db441\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"loading\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; border-radius: 0; height: auto; width: auto;\\\" width=\\\"auto\\\"/></span></div><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">体验地址：</span><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(120,172,254); font-weight: normal;\\\">https://gemini.google.com/share/2f994ec1fe47</span></span></strong></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold; width: fit-content; text-align: left; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">4 动物生命周期卡片</span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">这个小应用只要用户输入一个动物，它能够根据这个动物描述这个动物的成长的一个周期，非常适合给小朋友教学。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">比如下面这个，我输入蝴蝶，得到了这个图：</span></p></span><span style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/211947deb03146a5986e2998a9db4960\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; height: auto; width: auto;\\\" width=\\\"auto\\\"/></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">上面标题下是一个关于蝴蝶的冷知识：蝴蝶的生命周期虽短，但它们的幼虫在几周内增加到出生时的3000倍。然后下面是第一周、第四周、第八周的整个生命过程的描述。这个卡片也可以下载成PNG。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">制作原理，就是让AI输出SVG的语言，可视化展示整个信息。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">体验地址：</span><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(120,172,254); font-weight: normal;\\\">https://gemini.google.com/share/26884961f77a</span></span></strong></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold; width: fit-content; text-align: left; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">5 配色卡片</span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">这个应用的是配色卡片生成，比如我输一个莫奈，获取到了一个莫奈的一个主题颜色。这里面它有它推荐的睡莲池塘拂晓日出，下面有色纸。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">除了这个渐变色，还有一个纯色的卡片，这个纯色的卡片也很漂亮，它还给每一个色卡起了一个名字颜色，做了一个名称解释。这个很适合在做设计的时候使用。</span></p></span><span style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/b6b702f82e9346caa049298a13c6042a\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto; height: auto;\\\" width=\\\"auto\\\"/></span><span style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/2308429f3dc4418a81a87288c7167e0e\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto; height: auto;\\\" width=\\\"auto\\\"/></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">体验地址：</span><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(120,172,254); font-weight: normal;\\\">https://gemini.google.com/share/f80d7c1ea7d5</span></span></strong></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">下面几个是用谷歌AI studio生成的。谷歌AI studio的制作能力，好像比这Gemini要更强一些，它制作应用会更复杂一些。继续来看一下</span></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold; width: fit-content; text-align: left; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">6 画展</span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">这个是一个画展的一个应用，你可以输入你自己的一个灵感，它会给你画一幅画。它的实现原理是用一个前端的svg加Gemini的一个画图的一个能力，把这两个产出的内容拼凑在了一块儿，整体的形式非常漂亮。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">我输入了一个清晨迷雾，它就给我推荐了一个印象日出的一个画作，还介绍了一个画的背景，推荐了几个画一个配色。</span></p></span><span style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/354009c839d949a1aeb8dd4099cd6755\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto; height: auto;\\\" width=\\\"auto\\\"/></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">体验地址：</span><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(120,172,254); font-weight: normal;\\\">https://ai.studio/apps/drive/1DKEdJBuVfNyFMF_QcvR2XcoOnU3CdxHc?fullscreenApplet=true</span></span></strong></p></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><h3 style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold; width: fit-content; text-align: left; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">7 电影海报</span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">再来看一下，这个是一个电影海报的制作，比如写一个星际穿越。也是跟上一个一样，前端用了svg中间用了Gemini画图。我要求它画的是一个黑白的图，和整个的背景有一个融合的效果。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">你看这个图非常符合电影的故事，下面还有一个简短的一个介绍，跨越星辰，父爱永恒拯救人类。还会写上这个上映时间导演是谁。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\">这些都是靠提示词设计的。约束好大模型结构化输出信息。</p></span><span style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/1f324603981e4bdf9e0af3e64aed3cd2\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto; height: auto;\\\" width=\\\"auto\\\"/></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">体验地址：</span><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(120,172,254); font-weight: normal;\\\">https://ai.studio/apps/drive/1SsgqYWJsxqEzWZIacwUcYFo11Spauwlc</span></span></strong></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold; width: fit-content; text-align: left; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">8 绘画思维导图</span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">这个应用是我一直想做的，每次我绘画的时候，不知道怎么去写提示词，但是大概只有几个关键词。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">我想AI可以拿我的关键词去做一个头脑风暴，以思维导图形式呈现，然后我去选择脑暴的一个关键词，最后生成一个图。 </span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">比如说我输入一个柯基，它会利用AI去获取到跟柯基相关的一些词汇，以思维导图的形式展示。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">然后我去选一些关键词，每一个维度下只能选一个关键词。选择完之后，在右侧就可以点开始生成，获取到图片。</span></p></span><span style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/2aba0ca7bc264d7f81060c696d21fef0\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto; height: auto;\\\" width=\\\"auto\\\"/></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">体验地址：</span><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(120,172,254); font-weight: normal;\\\">https://ai.studio/apps/drive/1VxCM7maWiwAB_ZatOZx65n84JeW0Fayy</span></span></strong></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold; width: fit-content; text-align: left; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">9 命理卡片</span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">输入星座、MBTI、属相、血型，就能获取到一张命理解读的卡片，一种结合了中西方新型命理分析，非常好玩。如下：</span></p><span style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/f0a491868eb74b56b9dbc795d177a2f2\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; height: auto; width: auto;\\\" width=\\\"auto\\\"/></span><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">体验地址：</span><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(120,172,254); font-weight: normal;\\\">https://gemini.google.com/share/c9fcd255f722</span></span></strong></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold;\\\">10 人物关系图谱</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">最后一个是人物关系图谱生成，输入任一小说电影，就可以获取到这个故事中的人物关系图谱，整个的交互由 gemini3 一气呵成，拖拽动效非常惊艳，效果如下：</span></p></span><span style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/1a9c3cf08a2f4e42aba815804d760639\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto; height: auto;\\\" width=\\\"auto\\\"/></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">体验地址：</span><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(120,172,254); font-weight: normal;\\\">https://ai.studio/apps/drive/1Y0dONPf5AfmBwiPo608uiNSFFQho4Y05</span></span></strong></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(120,172,254); font-weight: normal;\\\"><br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></span></span></strong></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">这就是我做的十个应用。整体思路我总结了一个方法论：</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">1 <span style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold;\\\">思考输入的场景</span>：</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">局限输入词汇在垂直场景，比如诗词、小说、电影等</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">2 <span style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold;\\\">约束模型的思考</span>：</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">利用提示词、MCP，将输入的词汇扩展为结构化内容，比如电影名可以扩展成，电影海报制作，再去张海报元素。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; font-weight: bold;\\\">3 设计输出的容器</span>：</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">使用前端代码，可视化模型输出的内容，可以去搜一些图，让模型模仿这个图制作前端 svg 或 hrml，把图中内容替换成 步骤 2 的文字。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">如果你感兴趣的话，我下期再来详细分享一下做这些应用的具体对话内容，我是怎么把这些应用两句对话就实现出来的。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; letter-spacing: 0.1em; white-space: pre-line; color: rgb(63,63,63);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">我是空格，感谢你读到这里，有用的话，点个赞和在看支持一下。</span></p></span></div></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; display: flex;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; color: rgba(0,0,0,.3);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">修改于</span></div></div></div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":26210}]"
metadata_diff: {"new":{"id":"402cc001ad074e79be628e78e7885640","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348855103,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:04:36.084Z
created_time: 2025-11-28T21:04:36.084Z
type_: 13