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

大家好，我是微笑哥。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

太牛了。

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

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

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

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

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

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

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

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

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

它給我說，是因?yàn)榻衲瓿霈F(xiàn)了很多高端住宅，所以把均價(jià)網(wǎng)上拉高了一點(diǎn)，所以導(dǎo)致是上漲的。

最后我明確給它說，你查找的數(shù)據(jù)是有問題的，請(qǐng)?jiān)俅魏蓑?yàn)，這樣才又拿到一個(gè)更準(zhǔn)確的數(shù)據(jù)出來了。

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

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

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

因?yàn)榭赡苌婕暗臄?shù)據(jù)比較多吧，這次直接幫我跑了20多分鐘，才拿到整體的財(cái)務(wù)報(bào)告分析。

看完之后，心里稍稍踏實(shí)了一點(diǎn)點(diǎn)，就耐心持有等待回本吧。

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

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

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

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

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

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

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

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

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

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

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

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

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

簡單總結(jié)一下：

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

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

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

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

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

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

AI時(shí)代，一切皆有可能！

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