Qwen上新「AI前端工程師」Web Dev，一句話開發網頁應用。三大件HTML，CSS，JavaScript一個工俱全包了，定睛一看用的還是React框架。

幾秒鐘產生個人網站，版面美觀還帶特效，接下來改改內容上傳GitHub Pages就完事了。

又或者哪家Agent能自動部署網頁了，有知道的歡迎在留言區交流。

官方在Twitter的宣傳也示範了一句話復刻Twitter介面。

有開發者表示，這不僅是文字到像素級渲染，還可以讓團隊先快速搭建鷹架，再逐步完善，加快開發流程。

手快的網友已經復刻​​了GitHub的介面。

Qwen版帆布/神器

除了開發網頁應用程式外，Qwen官方也示範了製作複雜動畫的效果。

寫一個水果電子商務網站，創建一個防曬產品介紹網站，都只需要一句話。

當然，如果有更具體的內容和頁面佈局要求，也可以仔細描述：

建立一個語義化的「聯絡客服」表單，其中包含使用者姓名、郵箱、問題類型和留言等欄位。表單元素在卡片內垂直排列。

更進階的玩法是發給AI一個網頁，讓它根據裡面的內容自行創建合適的展示方式。

從前面的例子可以看出，每一次AI都是呼叫React框架，即使明確要求他使用別的框架或不使用框架都做不到。

另外這個功能不限制模型，在Qwen網頁版的模型都可以選用，只需要開啟「網頁開發」模式。

如果與「深度思考」模式一起使用的話，也能開發出來的網頁品質有較大提升（不過會讓輸出明顯變慢），

未開啟深度思考：

開啟深度思考：

從推理token中，也可以從側面看出網頁開發模式運作的機制。

使用React、Tailwind CSS，以及所有內容放在單一靜態.jsx檔案中應該是系統提示字規定好了的。

簡單套話也可以看出，系統提示詞包含一系列設計原則和最佳實務。

有完整套出系統提示詞的朋友也歡迎在留言區分享。

還有一件事

Qwen Chat除了「網頁開發」模式之外，還新增了一個MCP模式，不過目前還是灰色的，指上去會顯示「即將推出」。

也是很期待了。