大家好，我卡頌。

最近DeepSeek R1爆火。有多火呢？連我爺爺都用上了，還研究起提示詞工程來(lái)了。

大模型不斷發(fā)展對(duì)我們前端工程師有什么長(zhǎng)遠(yuǎn)影響呢？本文聊聊25年前端會(huì)有的一個(gè)小趨勢(shì)。

模型進(jìn)步的影響

像DeepSeek R1這樣的推理模型和一般語(yǔ)言模型（類(lèi)似Claude Sonnet、GPT-4o、DeepSeek-V3）有什么區(qū)別呢？

簡(jiǎn)單來(lái)說(shuō)，推理模型的特點(diǎn)是：「推理能力強(qiáng)，但速度慢、消耗高」。

他比較適合的場(chǎng)景比如：

• Meta Prompting（讓推理模型生成或修改給一般語(yǔ)言模型用的提示詞）
• 路徑規(guī)劃

等等。

這些應(yīng)用場(chǎng)景主要利好AI Agent。

再加上一般語(yǔ)言模型在生成效果、token上下文長(zhǎng)度上持續(xù)提升。可以預(yù)見(jiàn)，類(lèi)似Cursor Composer Agent這樣的AI Agent在25年能力會(huì)持續(xù)提升，直到成為開(kāi)發(fā)標(biāo)配。

這會(huì)給前端工程師帶來(lái)什么進(jìn)一步影響呢？

一種抽象的理解

我們可以將AI Agent抽象得理解為「應(yīng)用壓縮算法」，什么意思呢？

以Cursor Composer Agent舉例：

我們傳入：

• 描述應(yīng)用狀態(tài)的提示詞
• 描述應(yīng)用結(jié)構(gòu)的應(yīng)用截圖

AI Agent幫我們生成應(yīng)用代碼。

同樣，也能反過(guò)來(lái)，讓AI Agent根據(jù)應(yīng)用代碼幫我們生成「描述應(yīng)用的提示詞」。

從左到右可以看作是「解壓算法」，從右往左可以看作是「壓縮算法」。

就像圖片的壓縮算法存在「失真」，基于AI Agent抽象的「應(yīng)用壓縮算法」也存在失真，也就是「生成的效果不理想」。

隨著上文提到的「AI Agent」能力提高（背后是模型能力提高、工程化的完善），「應(yīng)用壓縮算法」的失真率會(huì)越來(lái)越低。

這會(huì)帶來(lái)什么進(jìn)一步的影響呢？

對(duì)開(kāi)發(fā)的影響

如果提示詞（經(jīng)過(guò)AI Agent）就能準(zhǔn)確表達(dá)想要的代碼效果，那會(huì)有越來(lái)越多「原本需要用代碼表達(dá)的東西」被用提示詞表達(dá)。

比如，21st.dev[1]的組件不是通過(guò)npm，而是通過(guò)提示詞引入。

相當(dāng)于將「引入組件的流程」從：開(kāi)發(fā)者 -> 代碼。

變成了：開(kāi)發(fā)者 -> 提示詞 -> AI Agent -> 代碼。

再比如，CopyCoder[2]是一款「上傳應(yīng)用截圖，自動(dòng)生成應(yīng)用提示詞」的應(yīng)用。

當(dāng)你上傳應(yīng)用截圖后，他會(huì)為你生成多個(gè)提示詞文件。

其中.setup描述AI Agent需要執(zhí)行的步驟，其他文件是「描述應(yīng)用實(shí)現(xiàn)細(xì)節(jié)的結(jié)構(gòu)化提示詞」

這個(gè)過(guò)程相當(dāng)于「根據(jù)應(yīng)用截圖，將應(yīng)用壓縮為提示詞」。

很自然的，反過(guò)來(lái)我們就能用AI Agent將這段提示詞重新解壓為應(yīng)用代碼。

這個(gè)過(guò)程在25年會(huì)越來(lái)越絲滑。

這會(huì)造成的進(jìn)一步影響是：越來(lái)越多前端開(kāi)發(fā)場(chǎng)景會(huì)被提煉為「標(biāo)準(zhǔn)化的提示詞」，比如：

• 后臺(tái)管理系統(tǒng)
• 官網(wǎng)
• 活動(dòng)頁(yè)

前端開(kāi)發(fā)的日常編碼工作會(huì)越來(lái)越多被上述流程取代。

你可能會(huì)說(shuō)，當(dāng)前AI生成的代碼效果還不是很好。

但請(qǐng)注意，我們談的是「趨勢(shì)」。當(dāng)你日復(fù)一日做著同樣的業(yè)務(wù)時(shí)，你的硅基對(duì)手正在每年大跨步進(jìn)步。

總結(jié)

隨著基礎(chǔ)模型能力提高，以及工程化完善，AI Agent在25年會(huì)逐漸成為開(kāi)發(fā)標(biāo)配。

作為應(yīng)用開(kāi)發(fā)者（而不是算法工程師），我們可以將AI Agent抽象得理解為「應(yīng)用壓縮算法」。

隨著時(shí)間推移，這套壓縮算法的失真率會(huì)越來(lái)越低。

屆時(shí)，會(huì)有越來(lái)越多「原本需要用代碼表達(dá)的東西」被用提示詞表達(dá)。

這對(duì)前端工程師來(lái)說(shuō)，既是機(jī)遇也是挑戰(zhàn)。

參考資料

[1]21st.dev:https://21st.dev/?tab=components&sort=recommended

[2]CopyCoder:https://copycoder.ai/