GoForum › 🌐 V2EX

Opus 5.5 再次让我这个前端震惊:两小时做出的交互动效和证件照算法,让我开始怀疑「纯前端」这个岗位还能存在多久

ttkit · 2026-09-30 11:03 · 0 次点赞 · 0 条回复

最近在做一件事:把自己网站上的一些实用工具陆续迁移到微信小程序。

目前已经迁移 / 正在迁移的工具包括:

  • 图片压缩
  • 证件照制作(新功能)
  • 九宫格拼图
  • 创意二维码
  • 房贷计算器
  • 密码生成器

我的网站技术栈是 Next.js + TypeScript,小程序则是 Taro + TypeScript。

因为两边都是 TypeScript ,所以很多业务逻辑其实都可以直接复用。再加上 AI 辅助之后,纯粹的“迁移代码”已经不是最花时间的事情了。

真正让我印象比较深的,是这次做 证件照工具 的过程。

从「迁移代码」变成「让 AI 写算法」

图片压缩原本就有成熟的开源方案,所以迁移起来没什么悬念。

但证件照不一样。

最核心的问题之一就是:

怎么把人物从原背景里尽可能干净地分离出来,再替换成白底、蓝底、红底,同时保证头发边缘、脸部轮廓这些地方看起来不至于太假?

一开始做出来的第一版效果其实挺差。

背景边缘处理得很生硬,头发、耳朵附近尤其明显,基本属于“功能能跑,但是不能用”。

我原本的想法是继续找开源算法,或者干脆接第三方 API 。

结果 Opus 5.5 开始自己折腾这个问题。

中间不断修改算法、测试图片、调整边缘处理,大概折腾了一个半小时,最后给出了一套新的处理方案。

部分过程截图:

1790731168664.png

1790731187688.png

后面它甚至又给了我一套方案:

直接在本地加载轻量模型做人物分割。

考虑到小程序环境、模型大小、兼容性和性能,我暂时没有完全采用这条路线。

但让我比较意外的是:

单纯用它后来写出来的图像处理方案,实际效果已经比我预期好很多。

这件事给我的感受已经不只是“AI 会写前端代码”了。

以前我会觉得:

AI 很适合写 CRUD 、组件、接口、表单、工具函数。

现在越来越像是:

只要问题能够描述清楚,它甚至会主动跨到一个我并不熟悉的领域,帮我补算法。

这其实挺恐怖的。

但真正让我产生更大冲击的,反而是另外一个页面。

然后我让它做了一个小程序介绍页

1790735875102.png

页面在这里:

https://ttkit.cn/mini-program

这个页面有比较多的:

  • 滚动交互
  • 动效
  • 视差效果
  • 卡片动画
  • 页面节奏
  • 视觉层级
  • 手机 / 小程序场景展示

真正让我惊讶的不是“AI 能不能写出来”。

现在大家应该都知道 AI 能写页面。

让我意外的是:

它开始有一定的交互审美了。

以前用 AI 写前端,我最大的感受通常是:

代码没问题,但是设计很 AI 。

经典渐变、经典大圆角、经典卡片、经典 Landing Page 。

功能没毛病,但你一眼就知道是 AI 搓的。

而这次最大的变化,是我明显感觉到它开始理解:

什么时候应该动,哪里不应该动,页面节奏应该怎么安排,元素之间应该怎么建立视觉关系。

从开始做到完成,大概也就两个小时左右。

如果完全靠我自己从设计、交互、动画再到实现全部手搓,我估计会折腾非常久。

而我本身还是一个做了很多年前端的人。

这才是最让我复杂的地方。

一个前端开发突然有点迷茫

做完之后,我盯着页面看了一会儿。

说完全不受冲击肯定是假的。

以前我们一直说:

AI 会提高程序员效率。

但“提高效率”这四个字其实挺温和的。

真正自己用久了之后,会发现它带来的变化可能是:

以前你掌握一项技能,别人没有,所以这项技能构成你的职业壁垒。

现在 AI 开始快速抹平很多这种壁垒。

前端如此。

设计如此。

算法可能也是如此。

于是一个很现实的问题就来了:

未来还会不会存在一个非常纯粹的「前端开发」岗位?

我现在越来越怀疑。

不是说前端技术没用了。

反而 React 、浏览器、CSS 、性能、工程化这些东西依然重要。

但只会这些,可能越来越不够了。

未来更像是一个人需要同时理解:

产品 + 设计 + 前端 + 后端 + AI + 一点业务。

不是每一个方向都做到专家。

而是你需要知道:

一个产品应该是什么样,以及怎么让 AI 帮你把它真正做出来。

被 AI 暴击之后,我点了一支烟

当时有一种很奇怪的感觉。

有点兴奋。

也有点空虚。

甚至还有一点:

“那我这么多年到底在学什么?”

于是我点了一支烟,看着 AI 刚刚生成出来的页面。

烟抽到一半,我突然换了一个角度想这件事。

这个产品真的是 AI 做的吗?

需求是谁想的?

证件照工具是谁决定做的?

哪里不好看是谁判断的?

交互应该怎么改是谁在决定?

最终这个东西要解决什么问题,又是谁定义的?

好像还是我。

AI 只是把:

“我想做一个东西”

到:

“这个东西真的被做出来”

之间的距离,突然缩短了很多。

想到这里,好像又没那么焦虑了。

甚至还有点爽。

最后的感受

这两年我最大的感受就是:

不要低估 AI 的进化速度。

我以前一直觉得“AI 取代程序员”这个说法有点标题党。

现在我的看法变成了:

AI 会不会取代程序员不知道,但它一定会重新定义“程序员到底应该干什么”。

至少对于前端来说,我越来越觉得:

未来最危险的可能不是 AI 会写 React 。

而是:

当 AI 同时会写 React 、写后端、做设计、做动画、甚至补一点算法的时候,你还只是一个「只负责把设计稿写成页面的人」。

这可能才是真正值得思考的问题。

最后也夹带一点私货 😂

我把这些工具都陆续搬到了自己的小程序里,有兴趣可以体验一下。

gh_8f4cb2cad3ba_1280.jpg

0 条回复
添加回复
你还需要 登录 后发表回复

登录后可发帖和回复

登录 注册
主题信息
作者: ttkit
发布: 2026-09-30
点赞: 0
回复: 0