小編最近用 Cursor、Claude Code 等工具，Vibe Coding 了一些亂七八糟的小玩意兒，但需要消耗公司給大家發放的 token。

本着給公司省錢的原則，今天這篇小短文，就為大家分享一個如何通過 token 免費的 Google AI Studio^[1] 來 Vibe Coding，零代碼快速生成你需要的 AI 應用。

本文和數據庫完全無關，純好物分享，大家可以放心閲讀。

背景

前一段兒時間，有一個研發大佬給小編分享了一個應用。打開一看，上寫 “唐詩三百首”，誤以為是給他家娃做的小玩具，然後就直接敷衍過去了。

前兩天該大佬又在公司內部給大家一起分享了他做的這個東西，大意是他用 Google AI Studio 零代碼快速生成了一個和 seekdb 相關的應用。分享很精彩，後面好像也會有專人負責把他的分享整理併發布（歡迎大家關注）。

可惜大佬的應用只和詩詞歌賦、電影、影評這些東西有關，小編的文學素養太低，實在看不明白這些文藝青年喜歡的東西，所以這次不給大家分享這種高端貨，只截個圖意思一下好了。

昨天中午碰巧得知 Google AI Studio 的 token 免費的，而且可以一鍵上傳代碼到 github，所以一下子就激起了我的興趣！實踐才能出真知，既然是免費的，那就必須要去試用下了。

沒想到用完之後，效果出奇的好，所以也在這裏和大家分享下 —— 如何通過這個 Google AI Studio 來 vibe coding 出一個對於公眾號小編來説，更實用的東西~

小編的需求

最近小編遇到了一個痛點，就是在發佈文章時需要一張封面圖

如果隨便拿文章裏的一張流程圖或架構圖當封面，略顯敷衍；如果隨便配一張遊戲截圖，過於兒戲（雖然經常這樣做）；如果讓設計團隊的同學給我打黑工，又不好意思總浪費人家的時間。

然後試了一些通過自然語言生成配圖的應用，雖然生成的圖片是很漂亮的，但無論提示詞怎麼寫，AI 老是喜歡自由發揮，最後的效果總和人類腦子裏想象的那張圖片相去甚遠，然後就是無休止地通過更多提示詞緩慢優化，極其麻煩。

所以想試試用 Google AI Studio 生成一個應用，輸入一張隨手塗鴉的草圖，然後讓 AI 基於人類腦子裏的這張草圖，加工繪製成指定風格的漂亮圖。

效果

我的輸入是用鼠標畫了一張草圖，哆啦 A 夢張大了嘴巴，説：“好慘呀”。

然後是應用的輸出，最上面這張圖的風格我選擇的是 “精緻素描”，出來的效果和我腦子裏的東西幾乎一模一樣，不需要再反覆調校。創意歷史裏的圖片是選擇其他畫風（像素、油畫、水彩等）的效果。

步驟

和 Code assistant 一共交互了四句話：

• 小編第一句：生成一個隨筆畫一幅畫，然後幫忙加工的應用。
• 小編第二句：黑屏？
• 小編第三句：繪畫風格里在增加一個像素風。
• 小編第四句：增加一個單次操作的撤回選項，同時增加右邊預覽圖的顯示比例。

上來第一句提完需求之後，生成了一個叫 “Doodle Genius (隨心畫)” 的應用，但顯示的 Preview 界面是黑屏。

用第二句 “黑屏” 進行了質疑，然後 Code assistant 又生成了一版代碼，這次就正常了。

簡單試用了一下，沒啥問題。但感覺應該增加我喜歡的 “像素風” 和提高易用性的 “撤回上一個塗鴉動作的選項”，所以有了第三句和第四句交互。

還可以通過 view diff 看下這句 “像素風” 的要求，讓代碼發生了啥變化。

小編應該是寫不出 “pixel art style, 8-bit, retro game aesthetic, sharp pixels, vibrant colors, high detail pixelated masterpiece” 這種 prompt 的。

最後可以把你做的東西發佈成可以供其他人訪問的公開應用。

還可以把通過 vibe coding 開發的小項目一鍵上傳到 github 倉庫。

What's more？

這篇小文章，自始至終都和數據庫沒啥關係，怕被老大批鬥，所以最後強行挽回一下局面，通過塗鴉生成一張和 OceanBase、seekdb 有關的圖片，來看看應用的效果。

生成的圖片：

如果需要用提示詞生成上面這個東西，大概要寫成這樣：

現在的輸入：隨手一畫，外加選擇 “賽博朋克” 畫風即可。

不過 “賽博朋克”這個畫風還是略顯誇張，偷偷添加了很多私貨。如果選擇其他幾種畫風，就會生成下面幾張更精準圖片。

像素：

油畫：

素描：

寫實：

以後 OceanBase 社區公眾號的封面圖，就用這個小工具來配了！

至此，正文結束。

commercial break

你期待的科技盛宴，正在加載 —— 1 月 31日，OceanBase 社區嘉年華，將在上海啓幕！

掃碼即可報名參加~

與技術領袖面對面，與社區夥伴組隊碰撞

我們已備好全部精彩，只等你來

歡迎掃描海報二維碼報名

名額有限，先到先得！

和社區開發者共赴技術之約！

擁抱開源，共探 AI，我們嘉年華見！

參考資料

[1] Google AI Studio: https://aistudio.google.com/