Gemini 3 Pro實測：文科生確實能自己做網頁了

這次，真的人人都是產品經理。

文｜陳梅希

編｜園長

Gemini 3 Pro發布后，市場充斥著歡呼聲。最引入矚目的，是其“ Vibe Coding ”能力，即用戶通過自然語言描述，就能指揮 AI 牛馬，寫出自己的代碼。

但最近兩年，AI圈的“炸裂”時刻實在太多了，論數量可能僅少于電影圈，狼炸多了總顯得面目可疑。比起Crusor、Trae等市面上已有的Vibe Coding產品，Gemini 3 Pro到底有何新變化？

刺猬公社決定派出一位文科生作為代表，實測毫無編碼基礎的普通用戶，能用Gemini 3 Pro做些什么。

實測1：生成一個牛馬時鐘

牛馬時鐘是本次實測中需求最簡單的一個案例。交互層面，用戶只需要選擇計劃退休時間、上班時間和下班時間，剩下的都是計算和前端顯示。沒有經過任何調試，最終效果幾乎挑不出毛病來。

唯一值得討論的問題，是頁面右下角電量消耗進度條使用了綠色而不是灰色。但由于電量消耗到100%，用戶就能迎來下班，狀態確實比上班更快樂，所以你也不好說這到底是一個Bug還是一個Feature。

在做這樣簡單的前端需求時，Gemini 3 Pro相對其他Vibe Coding產品的優勢體現得比較明顯：

1）對產品需求指令的要求更低，能從自然語言里讀出用戶的核心需求，無需結構化指令。

2）能根據產品需求，自己整理好交互邏輯和展示層級。

3）能根據產品特征，匹配合適的UI和文案風格。

從思考過程看，這位AI牛馬非常認真地思考了交互和UI方案，甚至還創作了一套在底部隨機刷新的“牛馬語錄”，這些都是提示詞里沒有給出的需求。

在制作這類簡單網頁時，Gemini 3 Pro的進化之處相當于配備了更好的交互設計師和UI設計師，可以把用戶的一句話需求升級成完整可用的交互方案，再交付設計圖，搞定技術方案完成開發。從我輸入一句話需求，到最后的網頁交付，耗時總計81秒。

依此類推，像Day Master這類倒計時類產品，普通人已經完全可以給自己和朋友定制。比如，如果你的朋友喜歡五月天，完全可以給他定制一個五月天風格的倒計時工具。

我問Gemini怎么把它變成一個可以分享給其他人使用的網頁，按照它詳細的分步驟指引，我注冊了Github賬號，并部署了人生中的第一個網頁。它在手機端打開后的使用效果是這樣的：

實測2：生成勾股定理證明演示網頁

成功做出第一類工具網頁后，我開始思考，Gemini 3能否做一些用于教育場景的小應用，例如給小學生演示勾股定理的證明。

因為設定受眾是小學生，G老師最終給我做了一個分成四個頁面的網站，先復習邊長和面積公式，再通過圖形的移動完成證明。因為我在提示詞中要求它“注意引導性和可交互性”，所以G老師設計了幾處需要小學生自己點擊鼠標的操作。

實測3：個人照片處理工具

如果嫌棄現有的照片處理軟件不夠好用，又或者喜歡的功能需要付費，花兩分鐘給自己定制一個照片處理工具也完全沒問題。

92秒后，一個定制版照片處理網頁誕生了：

我還加了顆粒感的功能，導出后的照片是這樣的：

也可以讓G老師新增一些功能，例如給照片添加留言，支持自己設定日期。

實測4：生成一個婚禮電子請柬制作網頁

另一個可應用的場景是婚禮電子請柬。盡管現有的婚戀APP支持用戶免費制作電子請柬，但很難實現定制效果，還要忍受請柬上出現婚戀APP的水印。用Gemini能否自己做一個電子請柬的制作網頁呢？

跟前幾個需求相比，請柬制作器新增了第三方地圖的調用，實測下來本地展示和跳轉沒有任何問題。

但真正的請柬是要分享給他人的。支持用戶上傳照片，同時被分享者可以直接打開鏈接加載出用戶所上傳的照片，無法僅靠簡單的前端代碼實現，也超出了本文科生的技術邊界。

如果只是為了實用，還有一種更簡單的辦法：寫死！寫死！通通寫死在代碼里！與其做一個功能復雜的請柬生成器，再用它生成一張電子請柬，不如直接把信息告訴G老師，讓它直接寫一個可分享的請柬網頁。于是提示詞修改如下：

幾次調試后，一個可分享的定制請柬誕生了。G老師疑似最近被《路過人間》洗腦，幾次想把歌詞塞進請柬中，直到我第二遍提醒它《路過人間》不是林宥嘉的歌，它才作罷。事已至此，《聲生不息·華流記》能不能讓林宥嘉翻唱一下《路過人間》，把G老師的Bug變成Feature。（此處沒有廣告，百分百私心。）

總之，大約10分鐘的調試后，我成功獲得了一個可以直接分享給賓客的定制婚禮請柬。

實測5：生成一個24點發牌&計分器

在工具和教學場景外，Gemini 3 Pro已經可以生成實用的游戲工具，例如，為線下聚會定制一款算24點發牌和計分器。提示詞共計102個字，從思考到完成代碼耗時共計124秒。

測試了一遍，主流程完全沒有問題，可以直接在線下聚會場景使用。依此類推，很多找不到趁手工具的線下小游戲，都可以用Gemini 3 Pro定制一套專項玩法工具。

實測Gemini 3 Pro兩天后，作為一個0代碼能力的文科生，除了感嘆一句“G老師強大”之外，還有一些小小的感悟值得分享。

1.需求越抽象，交付越完整

跟其他Vibe Coding產品相比，Gemini 3 Pro理解“需求”的能力異常強大。這里的需求，不是產品經理交付的那種，需要定義清楚各種功能邊界和異常值處理的需求文檔，而是最核心的：我想做什么，想達成什么。剩下的交互邏輯和實現細節，乃至設計風格，它都能幫你補齊。

現實生活中，交互和研發最討厭產品經理提“一句話需求”，或是“我有一個想法”，但這位AI牛馬最擅長執行這樣的抽象需求。而它尤其不喜歡用戶“教它做事”，即便讓它做出調整，更有效的指定也是描述哪些需求當前沒有被滿足，而不是教它在哪個具體的頁面補充一個具體的按鈕。

2.Bug還是會越修越多

但也不必神話Gemini 3 Pro，例如說“前端從此不存在了”之類的斷言。Gemini 3 Pro對精確指令的理解和執行，仍存在一定困難，典型的狀況就是BUG越修越多。

你只要微微提一點debug或是細節調整指令，它就可能會嘎巴一下死給你看。比如，在勾股定理證明演示的案例中，第一個版本的圖形移動后出現了位置偏移，在我提出“第二頁正方形中的三角形不要疊在一起，圖形邊界更明確一點”的調整需求后，它一口氣又寫了110秒的代碼，交付如下圖：

而且一旦它“噶”了，再怎么下回滾指令，它都活不過來，新增的bug只會頑強地活在它的尸體上。Debug這種活，還是得靠會寫代碼的用戶手動調整，至于像我這樣的文科生用戶，解決辦法只能是另起爐灶，讓它寫一個新的。

3.人人都是前端程序員？人人都是產品經理。

Gemini 3 Pro問世后，除了自己搗騰小網頁，我還分別向一位現役前端程序員和一位產品經理詢問了他們的使用體驗。

現役前端程序員讓G老師做了一款卡牌游戲。測試完游戲主流程后，他發來一個企鵝流汗的表情包，把提示詞和游戲頁面截圖轉到群里，評價道：“行啦，失業。”但從更嚴肅的視角，他說：“開發最難的部分是能聽懂產品和交互在講什么，并進行反駁。”

產品經理花兩分鐘給自己寫了個五子棋人機對戰網頁，和機器人苦戰20分鐘，并最終失利。

又過了1個小時，她前來報喜，說她終于贏了。

而作為普通用戶，一個最可喜的感受是：工具類產品可能將逐步走向“私人應用”時代，這一次，人人真的都可以是產品經理了，哪怕這個產品只服務于一個人。

過去，工具類產品常常受限于商業變現，只有用戶規模夠大或需求夠強烈，才能靠廣告收入或用戶付費養活一個產品。

相對應的，一些受眾少、體量小的需求，往往很難被百分百滿足，或者一邊滿足，一邊要看狗皮膏藥一樣的廣告。例如此刻在瀏覽器搜索在線五子棋，點進第一個鏈接，廣告頁面比棋盤還大。

而搜索“日期倒計時”，點進前排的在線網頁，界面展示毫無設計可言，底部的廣告貼條卻格外醒目。

當用戶借助AI工具，擁有為自己搭建簡單網頁的能力，工具產品的最后一公里，就可以靠用戶自己走完。

它不再等同于丑陋的頁面、無處不在的廣告、容易誤觸的鏈接，而是一項與創意畫等號的生產，像生產一行文字、一張照片、一段視頻一樣的內容生產，一項真正根植于C端的大眾能力。

所以，不管過去是否有代碼能力，都可以從現在開始大膽體驗。不管看過多少測評，真正寫下第一行prompt，打開自己第一個網頁的那刻，我們才能清楚地感知到自己身處于怎樣的時代。

媒介合作聯系微信號|ciweimeijiejun

如需和我們交流可后臺回復“進群”加社群