開源項(xiàng)目DeepSite發(fā)布V2版本,革新對(duì)話式編程體驗(yàn)

?? 由 文心大模型 生成的文章摘要

6月19日,開源社區(qū)的明星項(xiàng)目DeepSite正式發(fā)布了V2版本,并搭載了最新的DeepSeekR1-0528推理模型。這一更新主打輕量化的對(duì)話式編程體驗(yàn),讓用戶無需下載安裝或進(jìn)行本地環(huán)境配置,僅通過文字提示,就能完成網(wǎng)站頁面的生成、預(yù)覽及迭代。?

被社區(qū)用戶親切稱為“網(wǎng)頁版Cursor”的DeepSite,在V2版本中對(duì)前端開發(fā)流程進(jìn)行了深度簡(jiǎn)化,將網(wǎng)頁構(gòu)建轉(zhuǎn)變?yōu)椤斑吜倪吀摹钡妮p松過程。用戶只需輸入一句提示,就能生成網(wǎng)頁結(jié)構(gòu);再補(bǔ)充修改指令,平臺(tái)便會(huì)對(duì)已有頁面進(jìn)行智能增補(bǔ),而非重新生成整個(gè)頁面。?

在新發(fā)布的V2版本中,開發(fā)團(tuán)隊(duì)進(jìn)行了多項(xiàng)關(guān)鍵優(yōu)化:?

全新交互界面:采用左側(cè)輸入提示、右側(cè)實(shí)時(shí)預(yù)覽的布局,生成的代碼實(shí)時(shí)更新,真正實(shí)現(xiàn)所見即所得。模型在用戶下達(dá)命令后,會(huì)先進(jìn)行智能判斷,例如自動(dòng)決定是否需要引入Tailwind CSS(響應(yīng)式樣式)或Font Awesome(可復(fù)用圖標(biāo)組件)等工具庫。?

推理式AI建站:基于強(qiáng)大的DeepSeekR1-0528推理模型,用戶通過簡(jiǎn)單的自然語言描述,就能快速獲得包含HTML、CSS和JavaScript的完整前端代碼,無論是交互式網(wǎng)頁、小游戲,還是復(fù)雜的3D動(dòng)畫,都能輕松生成。?

細(xì)粒度編輯功能:用戶可以給出如“給字體加點(diǎn)料”“給頁面多放幾張產(chǎn)品圖”等指令,平臺(tái)能夠理解語義,并精準(zhǔn)地對(duì)已有頁面進(jìn)行修改。?

Diff Patching技術(shù)(增量差異補(bǔ)?。涸摷夹g(shù)采用增量式修改替代整頁重寫,避免內(nèi)容被覆蓋,支持快速迭代。比如,當(dāng)用戶要求“讓按鈕更炫酷”時(shí),平臺(tái)不會(huì)重寫整段代碼,而是精準(zhǔn)修改相關(guān)的CSS樣式,為開發(fā)者帶來“小步快迭”的高效開發(fā)體驗(yàn)。?

模型與平臺(tái)自由切換:在設(shè)置中,用戶既可以選擇最新的DeepSeekR1-0528模型,也能切換至Fireworks AI、Neurius AI Studio、Together AI等其他推理引擎,滿足不同的使用需求。?

多語言指令適配:雖然默認(rèn)語言為英文,但在實(shí)際測(cè)試中,DeepSite對(duì)中文指令也有良好的響應(yīng)能力。例如,用戶輸入“用中文建立一個(gè)奶茶公司網(wǎng)站”等提示,平臺(tái)同樣可以順利完成網(wǎng)頁生成。?

整個(gè)操作流程無需安裝,在瀏覽器中即可運(yùn)行,且每次網(wǎng)頁生成幾乎都能在幾秒鐘內(nèi)完成。智東西第一時(shí)間對(duì)DeepSite V2的功能進(jìn)行了體驗(yàn)。當(dāng)輸入指令“用中文創(chuàng)建一個(gè)Labubu網(wǎng)店頁面,要求符合Labubu的畫風(fēng)”時(shí),DeepSite迅速搭建起了產(chǎn)品展示區(qū)、導(dǎo)航欄與“立即搜索”按鈕等基礎(chǔ)模塊。隨后,補(bǔ)充指令“讓‘立即搜索’按鈕更具吸引力”,平臺(tái)立即啟動(dòng)Diff Patching功能,僅對(duì)按鈕區(qū)域的代碼進(jìn)行增量修改,呈現(xiàn)出帶有漸變虛化效果的動(dòng)畫按鈕,既保留了頁面原有的結(jié)構(gòu),又實(shí)現(xiàn)了精細(xì)增強(qiáng)。在這一過程中,DeepSite不僅讓用戶清楚了解操作內(nèi)容,還逐步展示代碼變更細(xì)節(jié)。?

除了基礎(chǔ)的網(wǎng)頁生成功能,DeepSiteV2還打通了自然語言與現(xiàn)代前端開發(fā)的通道。例如,輸入指令“使用Three.js生成一個(gè)由立方體組成的小狗,在草原上奔跑的動(dòng)畫,所有代碼放在一個(gè)HTML文件中”,平臺(tái)會(huì)快速生成包含Three.js場(chǎng)景、相機(jī)、渲染器與動(dòng)畫邏輯的完整HTML文件,并在右側(cè)預(yù)覽出“立方體小狗奔跑”這一復(fù)雜動(dòng)畫。?

DeepSite的出現(xiàn),標(biāo)志著前端網(wǎng)頁開發(fā)已步入“Prompt即生產(chǎn)力”的嶄新時(shí)代。對(duì)于非程序員而言,它極大地降低了構(gòu)建網(wǎng)站的門檻;而對(duì)于專業(yè)開發(fā)者,DeepSite則提供了一個(gè)與模型協(xié)作的全新界面,非常適合快速構(gòu)建原型、搭建demo。目前,DeepSite已支持React、Three.js等現(xiàn)代前端框架。隨著其背后的DeepSeek模型加速迭代,未來有望釋放出更多強(qiáng)大功能。

「93913原創(chuàng)內(nèi)容,轉(zhuǎn)載請(qǐng)注明出處」