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

大家好，我是微笑哥。

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

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

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

但是到了現(xiàn)在，我們已經(jīng)進(jìn)入了 AI Coding 的時代，大家覺得這類的需求需要多少錢才能完成？

這兩天一直在試用字節(jié)的一個 Al Agent 產(chǎn)品 ，現(xiàn)在還是 Beta 版本，但已經(jīng)讓我非常吃驚了，AI Coding 已經(jīng)這么強(qiáng)大了嗎？

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

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

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

點擊之后，就會進(jìn)入 AI Coding 的過程，右側(cè)自動編碼區(qū)域可以看到正在安裝基礎(chǔ)環(huán)境，然后進(jìn)入自動編程開發(fā)網(wǎng)頁。

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

上面有幾個區(qū)域，現(xiàn)簡單給大家介紹一下：

最左側(cè)，是選擇不同的 Agent 幫你去處理不同類型的任務(wù)，比如我們選擇的就是網(wǎng)頁開發(fā)的 Agent，其實它還支持很多其它類型。

中間區(qū)域，就是提示詞輸入?yún)^(qū)，就是我們要給它提要求，需求越具體生成的內(nèi)容越精準(zhǔn)，大家可以找一個好的提示詞去修改即可。

最右側(cè)，區(qū)域就是代碼生成的最終效果了，這塊我重點跟大家介紹一下，細(xì)節(jié)決定產(chǎn)品成敗，扣子空間所有點基本幫我們都考慮到了。

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

如果你是程序員，想對生成代碼進(jìn)行簡單調(diào)整，直接在這個區(qū)域修改即可，修改后立刻生效，點擊預(yù)覽可看結(jié)果。

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

右側(cè)還有兩個按鈕，一個是切換移動端查看，一個是打開新的標(biāo)簽頁來整體做預(yù)覽，點擊之后我生成的官網(wǎng)如下：

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

我給它說： 請按照這個風(fēng)格，幫我創(chuàng)建一個 AI 俱樂部的官網(wǎng)，里面的文字改成中文。

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

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

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

太牛了。

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

幾分鐘后，所有的修改就會立刻展現(xiàn)出來。

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

也是幾分鐘，一個不錯的官網(wǎng)也就出來了。

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

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

于是我給它說：西安市房地產(chǎn)市場分析報告。

它馬上就會自動在網(wǎng)上抓取西安市關(guān)于房地產(chǎn)的數(shù)據(jù)，經(jīng)過系統(tǒng)分析后，幾分鐘給我生成了一個報告。

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

它給我說，是因為今年出現(xiàn)了很多高端住宅，所以把均價網(wǎng)上拉高了一點，所以導(dǎo)致是上漲的。

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

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

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

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

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

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

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

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

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

也是大概等了幾分鐘吧，網(wǎng)站就完整的復(fù)刻出來了。

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

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

真的是很震撼了，如果放在以前，也不說這里面這些數(shù)據(jù)收集需要多少工作量，就這些網(wǎng)站開發(fā)的工作。

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

如今，「扣子空間」的【網(wǎng)站開發(fā)】功能，徹底顛覆了這一流程——三步實現(xiàn)“網(wǎng)站自由”：

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

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

3. 實時調(diào)整：通過對話指令優(yōu)化細(xì)節(jié)（如“這個整體檢查一下是不是被下方什么元素?fù)踝×?，修改一下不要被擋住體”）

另外，扣子空間還支持用戶上傳本地文件或鏈接，文本描述輸入需要扣子空間完成的任務(wù)，扣子空間會進(jìn)行自動應(yīng)用開發(fā)。

簡單總結(jié)一下：

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

它將自主調(diào)取所有需要的信息、進(jìn)行規(guī)劃、推理、實踐，端到端的自動化、無代碼開發(fā)。

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

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

現(xiàn)在還處于內(nèi)測階段，我建議各位小伙伴趕緊去嘗試一下，真的太強(qiáng)大了。

可以利用它做各種前端小工具、各種行業(yè)的商業(yè)報告，甚至發(fā)揮你想象創(chuàng)意去做各種商業(yè)化的網(wǎng)站，直接就可以賺錢了。

AI時代，一切皆有可能！

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