AI 太強，前端工程師要失業了？

本播客由扣子空間（coze.cn)一鍵生成。

大家好，我是微笑哥。

多年以前，我還在北京做后端 Java 程序員的時候，斷聯好幾年的前女友突然在QQ上聯系到了我。

說他們公司想做一個官網展示頁面，預算只有幾百元問我能不能搞定，我說我是做后端的不擅長干這個，婉拒了。

當時，她那個需求，我大概看了一下，說實話幾百元肯定是找不到人做的，至少也得幾千元才能搞定。

但是到了現在，我們已經進入了 AI Coding 的時代，大家覺得這類的需求需要多少錢才能完成？

這兩天一直在試用字節的一個 Al Agent 產品 ，現在還是 Beta 版本，但已經讓我非常吃驚了，AI Coding 已經這么強大了嗎？

就按照前女友的需求，看看我們怎么用 AI 幾分鐘就搞定這個事情，最最重要的現在還完全免費。

第一步，打開扣子空間官網： https://space.coze.cn/

在輸入框的上方選擇“網頁”，然后在輸入框中填寫你做網頁的需求，最后點擊右下方的生成按鈕即可。

點擊之后，就會進入 AI Coding 的過程，右側自動編碼區域可以看到正在安裝基礎環境，然后進入自動編程開發網頁。

大概幾分鐘之后，就會看到一個精美的官網直接就生成了，包括菜單欄、內容展示、網站底部的功能等等。

上面有幾個區域，現簡單給大家介紹一下：

最左側，是選擇不同的 Agent 幫你去處理不同類型的任務，比如我們選擇的就是網頁開發的 Agent，其實它還支持很多其它類型。

中間區域，就是提示詞輸入區，就是我們要給它提要求，需求越具體生成的內容越精準，大家可以找一個好的提示詞去修改即可。

最右側，區域就是代碼生成的最終效果了，這塊我重點跟大家介紹一下，細節決定產品成敗，扣子空間所有點基本幫我們都考慮到了。

最上面有兩個菜單，一個是預覽一個是代碼，預覽就是查看生成的效果，代碼可以看網頁底層代碼。

如果你是程序員，想對生成代碼進行簡單調整，直接在這個區域修改即可，修改后立刻生效，點擊預覽可看結果。

另外，如果你不是程序員，在預覽的界面還有一個編輯修改功能，直接手動在網頁上就可以調整了。

右側還有兩個按鈕，一個是切換移動端查看，一個是打開新的標簽頁來整體做預覽，點擊之后我生成的官網如下：

如果說這個風格很喜歡，能不能讓它幫我做一個類型的網站呢？很簡單基本就是一句話的事情。

我給它說： 請按照這個風格，幫我創建一個 AI 俱樂部的官網，里面的文字改成中文。

幾分鐘之后，AI 俱樂部的官網就出來了，給大家看看 AI 搞出來的 AI俱樂部官網長什么樣。

大家應該也能看出來，這里面最牛逼的不是它幫我生成了一個類似的官網，最重要的是網站的整體內容都幫我適配了。

而我只給了一個網站的名稱叫做：AI 俱樂部主題，它連網站的名稱、主題、俱樂部理念、使命、活動什么都都自動適配了。

太牛了。

當了，如果后續你想改網站的任何一個部分，直接在對話框里說你的需求即可，比如改文字、改圖片、改板塊等等。

幾分鐘后，所有的修改就會立刻展現出來。

當然了以上你都覺得麻煩，你也可以直接對它說， 幫我生成一個AI俱樂部的官網，風格扁平化、黑色系為主。

也是幾分鐘，一個不錯的官網也就出來了。

上面都算是簡單的，我再給大家演示兩個案例，基本上都是一句話即可生成一個網站。

比如，我在西安，買的房子好像已經跌30%以上，于是我想知道西安市整體的房地產到底是什么樣的。

于是我給它說：西安市房地產市場分析報告。

它馬上就會自動在網上抓取西安市關于房地產的數據，經過系統分析后，幾分鐘給我生成了一個報告。

這里有一個小細節，在我的印象中房子應該是下跌的，于是我問它你確定2025年西安市房價是上漲的嗎？

它給我說，是因為今年出現了很多高端住宅，所以把均價網上拉高了一點，所以導致是上漲的。

最后我明確給它說，你查找的數據是有問題的，請再次核驗，這樣才又拿到一個更準確的數據出來了。

這幾天中國股市漲幅不錯，我的很多股票幾乎都快回本了，但是有一個到現在還是虧損50%。

那就是隆基綠能，于是我想用 AI 幫我分析一下，隆基綠能到底是不是光伏圈的恒大。

于是我就問了一句：研究隆基綠能的財務報告，分析隆基綠能是不是光伏圈恒大。

因為可能涉及的數據比較多吧，這次直接幫我跑了20多分鐘，才拿到整體的財務報告分析。

看完之后，心里稍稍踏實了一點點，就耐心持有等待回本吧。

還有最王炸的網站復刻功能，比如你看到一個心儀的網站，你直接把網站的界面截圖下來。

然后把圖片直接塞給扣子空間，說給你開發一個網站和截圖里面的圖片保持一致，等了十來分鐘網站就一比一開發出來了。

比如，我直接把小米汽車的官網截個圖，我就給扣子空間說，給我開發一個類似的網站。

也是大概等了幾分鐘吧，網站就完整的復刻出來了。

這樣，以后如果你想搭建類似網站，基本上就是分分鐘鐘的事情，也在不需要自己去拔網站了。

以上幾個案例講完了，大家感覺怎么樣？

真的是很震撼了，如果放在以前，也不說這里面這些數據收集需要多少工作量，就這些網站開發的工作。

如果讓一個程序員來做，不也得好幾天？

如今，「扣子空間」的【網站開發】功能，徹底顛覆了這一流程——三步實現“網站自由”：

1. 輸入想法：用自然語言描述需求，比如“做一個極簡風的個人博客，支持暗黑模式”。

2. 一鍵生成：AI自動完成頁面設計、代碼編寫、服務器部署，10秒內生成可訪問的鏈接。

3. 實時調整：通過對話指令優化細節（如“這個整體檢查一下是不是被下方什么元素擋住了，修改一下不要被擋住體”）

另外，扣子空間還支持用戶上傳本地文件或鏈接，文本描述輸入需要扣子空間完成的任務，扣子空間會進行自動應用開發。

簡單總結一下：

我們可以通過與扣子空間對話，（如輸入指令：生成一份扣子空間的調研報告，最終以PPT的形式交付）。

它將自主調取所有需要的信息、進行規劃、推理、實踐，端到端的自動化、無代碼開發。

最后將報告用網頁的形式幫我整理出來，真正實現了：一個想法，網站即刻上線。

關鍵整個使用的過程中不需要會員，不需要花費一分錢，就直接幫你把活完整的干出來了。

現在還處于內測階段，我建議各位小伙伴趕緊去嘗試一下，真的太強大了。

可以利用它做各種前端小工具、各種行業的商業報告，甚至發揮你想象創意去做各種商業化的網站，直接就可以賺錢了。

AI時代，一切皆有可能！

最后，推薦大家參加一下扣子空間這個活動，把你使用扣子空間做的好玩網站分享出來，大家一起來鑒賞。