从 DeepSeek 看25年前端的一个小趋势

大家好,我卡颂。

最近DeepSeek R1爆火。有多火呢?连我爷爷都用上了,还研究起提示词工程来了。

大模型不断发展对我们前端工程师有什么长远影响呢?本文聊聊25年前端会有的一个小趋势。

欢迎围观卡颂关于前端如何在AI时代完成职业转型的思考

模型进步的影响

DeepSeek R1这样的推理模型和一般语言模型(类似Claude SonnetGPT-4oDeepSeek-V3)有什么区别呢?

简单来说,推理模型的特点是:推理能力强,但速度慢、消耗高

他比较适合的场景比如:

  • Meta Prompting(让推理模型生成或修改给一般语言模型用的提示词

  • 路径规划

等等

这些应用场景主要利好AI Agent

再加上一般语言模型在生成效果、token上下文长度上持续提升。可以预见,类似Cursor Composer Agent这样的AI Agent在25年能力会持续提升,直到成为开发标配。

这会给前端工程师带来什么进一步影响呢?

一种抽象的理解

我们可以将AI Agent抽象得理解为应用压缩算法,什么意思呢?

Cursor Composer Agent举例:

我们传入:

  • 描述应用状态的提示词

  • 描述应用结构的应用截图

AI Agent帮我们生成应用代码。

同样,也能反过来,让AI Agent根据应用代码帮我们生成描述应用的提示词

从左到右可以看作是解压算法 ,从右往左可以看作是压缩算法

就像图片的压缩算法存在失真 ,基于AI Agent抽象的应用压缩算法 也存在失真,也就是生成的效果不理想

随着上文提到的AI Agent 能力提高(背后是模型能力提高、工程化的完善),应用压缩算法的失真率会越来越低。

这会带来什么进一步的影响呢?

对开发的影响

如果提示词(经过AI Agent)就能准确表达想要的代码效果,那会有越来越多原本需要用代码表达的东西被用提示词表达。

比如,21st.dev的组件不是通过npm,而是通过提示词引入。

相当于将引入组件的流程从:开发者 -> 代码

变成了:开发者 -> 提示词 -> AI Agent -> 代码

再比如,CopyCoder是一款上传应用截图,自动生成应用提示词的应用。

当你上传应用截图后,他会为你生成多个提示词文件。

其中.setup描述AI Agent需要执行的步骤,其他文件是描述应用实现细节的结构化提示词

这个过程相当于根据应用截图,将应用压缩为提示词

很自然的,反过来我们就能用AI Agent将这段提示词重新解压为应用代码。

这个过程在25年会越来越丝滑。

这会造成的进一步影响是:越来越多前端开发场景会被提炼为标准化的提示词,比如:

  • 后台管理系统

  • 官网

  • 活动页

前端开发的日常编码工作会越来越多被上述流程取代。

你可能会说,当前AI生成的代码效果还不是很好。

但请注意,我们谈的是趋势。当你日复一日做着同样的业务时,你的硅基对手正在每年大跨步进步。

总结

随着基础模型能力提高,以及工程化完善,AI Agent在25年会逐渐成为开发标配。

作为应用开发者(而不是算法工程师),我们可以将AI Agent抽象得理解为应用压缩算法

随着时间推移,这套压缩算法的失真率会越来越低。

届时,会有越来越多原本需要用代码表达的东西被用提示词表达。

这对前端工程师来说,既是机遇也是挑战。

相关推荐
烛阴38 分钟前
秒懂 JSON:JavaScript JSON 方法详解,让你轻松驾驭数据交互!
前端·javascript
拉不动的猪1 小时前
刷刷题31(vue实际项目问题)
前端·javascript·面试
zeijiershuai1 小时前
Ajax-入门、axios请求方式、async、await、Vue生命周期
前端·javascript·ajax
恋猫de小郭1 小时前
Flutter 小技巧之通过 MediaQuery 优化 App 性能
android·前端·flutter
只会写Bug的程序员1 小时前
面试之《webpack从输入到输出经历了什么》
前端·面试·webpack
拉不动的猪1 小时前
刷刷题30(vue3常规面试题)
前端·javascript·面试
狂炫一碗大米饭1 小时前
面试小题:写一个函数实现将输入的数组按指定类型过滤
前端·javascript·面试
最胖的小仙女1 小时前
通过动态获取后端数据判断输入的值打小
开发语言·前端·javascript
yzhSWJ2 小时前
Vue 3 中,将静态资源(如图片)转换为 URL
前端·javascript·vue.js
Moment2 小时前
🏞 JavaScript 提取 PDF、Word 文档图片,非常简单,别再头大了!💯💯💯
前端·javascript·react.js