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

ttkit 2026-09-30 10:58 1

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


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



  • 图片压缩

  • 证件照制作(新功能)

  • 九宫格拼图

  • 创意二维码

  • 房贷计算器

  • 密码生成器


我的网站技术栈是 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

最新回复 (2)
  • Tory12138 09-30 16:00
    1楼
    opus5.5 已经强到我每天最苦恼的就是我已经没有任何问题了,但是限额用不完
  • ttkit 楼主 09-30 17:21
    2楼
    @Tory12138 那就是没有创造力了,可以放空思想,再去看看。
* 帖子来源V2EX
返回