最近在做一件事:把自己网站上的一些实用工具陆续迁移到微信小程序。
目前已经迁移 / 正在迁移的工具包括:
- 图片压缩
- 证件照制作(新功能)
- 九宫格拼图
- 创意二维码
- 房贷计算器
- 密码生成器
我的网站技术栈是 Next.js + TypeScript,小程序则是 Taro + TypeScript。
因为两边都是 TypeScript ,所以很多业务逻辑其实都可以直接复用。再加上 AI 辅助之后,纯粹的“迁移代码”已经不是最花时间的事情了。
真正让我印象比较深的,是这次做 证件照工具 的过程。
从「迁移代码」变成「让 AI 写算法」
图片压缩原本就有成熟的开源方案,所以迁移起来没什么悬念。
但证件照不一样。
最核心的问题之一就是:
怎么把人物从原背景里尽可能干净地分离出来,再替换成白底、蓝底、红底,同时保证头发边缘、脸部轮廓这些地方看起来不至于太假?
一开始做出来的第一版效果其实挺差。
背景边缘处理得很生硬,头发、耳朵附近尤其明显,基本属于“功能能跑,但是不能用”。
我原本的想法是继续找开源算法,或者干脆接第三方 API 。
结果 Opus 5.5 开始自己折腾这个问题。
中间不断修改算法、测试图片、调整边缘处理,大概折腾了一个半小时,最后给出了一套新的处理方案。
部分过程截图:


后面它甚至又给了我一套方案:
直接在本地加载轻量模型做人物分割。
考虑到小程序环境、模型大小、兼容性和性能,我暂时没有完全采用这条路线。
但让我比较意外的是:
单纯用它后来写出来的图像处理方案,实际效果已经比我预期好很多。
这件事给我的感受已经不只是“AI 会写前端代码”了。
以前我会觉得:
AI 很适合写 CRUD 、组件、接口、表单、工具函数。
现在越来越像是:
只要问题能够描述清楚,它甚至会主动跨到一个我并不熟悉的领域,帮我补算法。
这其实挺恐怖的。
但真正让我产生更大冲击的,反而是另外一个页面。
然后我让它做了一个小程序介绍页

页面在这里:
这个页面有比较多的:
- 滚动交互
- 动效
- 视差效果
- 卡片动画
- 页面节奏
- 视觉层级
- 手机 / 小程序场景展示
真正让我惊讶的不是“AI 能不能写出来”。
现在大家应该都知道 AI 能写页面。
让我意外的是:
它开始有一定的交互审美了。
以前用 AI 写前端,我最大的感受通常是:
代码没问题,但是设计很 AI 。
经典渐变、经典大圆角、经典卡片、经典 Landing Page 。
功能没毛病,但你一眼就知道是 AI 搓的。
而这次最大的变化,是我明显感觉到它开始理解:
什么时候应该动,哪里不应该动,页面节奏应该怎么安排,元素之间应该怎么建立视觉关系。
从开始做到完成,大概也就两个小时左右。
如果完全靠我自己从设计、交互、动画再到实现全部手搓,我估计会折腾非常久。
而我本身还是一个做了很多年前端的人。
这才是最让我复杂的地方。
一个前端开发突然有点迷茫
做完之后,我盯着页面看了一会儿。
说完全不受冲击肯定是假的。
以前我们一直说:
AI 会提高程序员效率。
但“提高效率”这四个字其实挺温和的。
真正自己用久了之后,会发现它带来的变化可能是:
以前你掌握一项技能,别人没有,所以这项技能构成你的职业壁垒。
现在 AI 开始快速抹平很多这种壁垒。
前端如此。
设计如此。
算法可能也是如此。
于是一个很现实的问题就来了:
未来还会不会存在一个非常纯粹的「前端开发」岗位?
我现在越来越怀疑。
不是说前端技术没用了。
反而 React 、浏览器、CSS 、性能、工程化这些东西依然重要。
但只会这些,可能越来越不够了。
未来更像是一个人需要同时理解:
产品 + 设计 + 前端 + 后端 + AI + 一点业务。
不是每一个方向都做到专家。
而是你需要知道:
一个产品应该是什么样,以及怎么让 AI 帮你把它真正做出来。
被 AI 暴击之后,我点了一支烟
当时有一种很奇怪的感觉。
有点兴奋。
也有点空虚。
甚至还有一点:
“那我这么多年到底在学什么?”
于是我点了一支烟,看着 AI 刚刚生成出来的页面。
烟抽到一半,我突然换了一个角度想这件事。
这个产品真的是 AI 做的吗?
需求是谁想的?
证件照工具是谁决定做的?
哪里不好看是谁判断的?
交互应该怎么改是谁在决定?
最终这个东西要解决什么问题,又是谁定义的?
好像还是我。
AI 只是把:
“我想做一个东西”
到:
“这个东西真的被做出来”
之间的距离,突然缩短了很多。
想到这里,好像又没那么焦虑了。
甚至还有点爽。
最后的感受
这两年我最大的感受就是:
不要低估 AI 的进化速度。
我以前一直觉得“AI 取代程序员”这个说法有点标题党。
现在我的看法变成了:
AI 会不会取代程序员不知道,但它一定会重新定义“程序员到底应该干什么”。
至少对于前端来说,我越来越觉得:
未来最危险的可能不是 AI 会写 React 。
而是:
当 AI 同时会写 React 、写后端、做设计、做动画、甚至补一点算法的时候,你还只是一个「只负责把设计稿写成页面的人」。
这可能才是真正值得思考的问题。
最后也夹带一点私货 😂
我把这些工具都陆续搬到了自己的小程序里,有兴趣可以体验一下。
