今年的新詞特別多，AI編程這個叫法都out了，時髦的說法是vibe coding(氛圍編程）。

最近上手體驗了google aistudio 新上線的build app 功能，不能說十分驚艷，那是相當?shù)皿@艷，真正我能想象出的所想所見即所得的編程方式，特別是對我這種靠嘴吃飯，需要設計產品原型的非程序開發(fā)人員來說。

Google AI Studio （??https://aistudio.google.com??）是谷歌推出的云端 AI 開發(fā)平臺，集成了最新的生成式 AI 模型（如 Gemini 系列），提供從原型設計到生產部署的一站式服務。目前有4種模式：Chat、Stream、Gernerate Media、Build App。

Chat 模式和我們日常使用國產大模型的習慣差不多，可以支持對多模態(tài)文件的分析。

Stream Live模式，指的是你可以通過語音聊天或者視頻的方式，與大模型進行對話。回答結果也會直接以語音朗讀的方式輸出，可以指定音色，這個國內的大廠都做的挺好。

Gernerate Media 就是文生圖、文生視頻這些，最近很火的Google Veo3的上一版本Veo就可以在這個地方體驗。

啰嗦了這么多，今天的主角登場了！Build apps with Gemini!

我們先看一下官方提供的Demo示例。

第1個例子，是一個能讓卡通動物帶著表情自言自語的小應用，很有意思。通過這個示例，我們可以看到build apps界面分為3類，分別是聊天區(qū)、代碼區(qū)和效果預覽區(qū)。左上角是這三個區(qū)域的顯示和隱藏按鈕。如果你不想看代碼區(qū)域，可以直接將其隱藏掉。

第2個例子，是一個能根據(jù)提示詞制作GIF圖片的應用，有意思的是可以把Gif的每一幀圖片都能生成出來。生成的應用直接可以在線運行預覽，我想這個功能Cursor都做不到吧，得自己動手。

下面我們開始自己動手做一個網頁應用。我的想法是做一個懶人寫作伴侶，就是再文本編輯框兩邊加上一下大模型的提示功能。我們將下方的提示詞輸入進去。

應用名稱：懶人寫作伴侶
主要功能：
（1）在網頁中間的編輯區(qū)編寫文字后，在右側的區(qū)域增加兩個功能，讓大模型根據(jù)書寫的段落內容，1.給出下一段的的主題和未來兩段的主要內容。2.給當前寫的段落進行修改建議和續(xù)寫200字。
（2）在左側的區(qū)域，點擊刷新安娜，通過聯(lián)網搜索功能，推薦出和寫作內容相關文章標題和摘要，點擊文章標題，能跳轉到對應鏈接。

下面這個視頻是完整的應用生成過程。Gemini大模型通過對提示詞分析，自動整理所有需求，并生成相應的代碼架構，然后按照架構使用React前端框架開發(fā)。目前好像只支持React。

能體現(xiàn)出氛圍編程的地方，就是你可以繼續(xù)在聊天窗口，對生成的應用程序進行迭代版本的開發(fā)或者功能完善，比如我讓它對應用功能按鈕進行了美化。我們可以在預覽窗口看到實時修改效果，感覺非常酷，我們也可以直接在代碼區(qū)域，直接帶生成的代碼進行編輯修改。

剩下的就是你要不停的根據(jù)生成結果，和大模型交互，告訴你的想法。整個使用過程非常簡單，但是氛圍感非常強！

你就是一個產品經理，而它就是一個非常聽話的全棧程序員！下方是我最后的生成效果，基本滿足我的需求了。

以上就是對Google Ai Studio 開發(fā)應用的初步體驗，其實這樣的產品已經非常多了，我早先還用過Poe 的AppCreator，但是那個并不能直接生成項目代碼，只是生成一個非常大的Html代碼，整體體驗并沒有Google Ai Studio好。

后續(xù)我將會繼續(xù)體驗Google Ai Studio 開發(fā)應用功能，讓他設計出我真想做的產品，并實際部署！奧力給！

本文轉載自???九歌AI大模型???  作者：九歌AI