爱意满满的作品展示区。
ttkit

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

  •  
  •   ttkit ·
    HelTi · 22h 21m ago · 161 views

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

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

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

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

    Tory12138
        1
    Tory12138  
       17h 20m ago
    opus5.5 已经强到我每天最苦恼的就是我已经没有任何问题了,但是限额用不完
    ttkit
        2
    ttkit  
    OP
       15h 59m ago
    @Tory12138 那就是没有创造力了,可以放空思想,再去看看。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2386 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 48ms · UTC 01:20 · PVG 09:20 · LAX 18:20 · JFK 21:20
    ♥ Do have faith in what you're doing.