刚开始那阵子,我真想把这破AI砸了
今年初开始用Codex写前端,那叫一个糟心。
我说"帮我写个表格",它反手给我整出一整套后台管理界面,附带三个我从没见过的UI库,代码里全是行内样式,看得我血压直往上窜。删代码的时间比我写的还长,那会儿我真觉得这玩意儿就是个玩具,花里胡哨不顶用。
后来组里来了个小年轻,跟我说"哥你试试Skills,装上包好使"。我心想你个小屁孩懂啥,但碍于面子还是试了一下。结果你们猜怎么着?真香了。
现在我的日常是这样的:Codex负责吭哧吭哧写代码,Skills在背后管着它别乱来,我搬个椅子坐旁边喝茶盯着就行。三个月下来,这哥们提交的代码比我手写的时候还稳当,至少不会再出现那种一看就是AI写的低级错误了。
到2026年7月这会儿,Skills支持的AI工具里Codex已经是第一梯队了,GitHub上相关的技能包都两万多的星了。如果你还在让Codex自由发挥到处瞎写,听哥一句劝,该换玩法了。
前端这活儿,AI干还真挺合适
干了十年,我越来越觉得前端就是AI编程的试验田。
你琢磨琢磨:AI写前端代码,万一写崩了,最多就是页面展示有问题,用户刷新一下就好了。要是让它写后端接口,一个死循环能直接把整个服务干趴下,线上事故分分钟的事。
所以前端容错空间大,特别适合让AI先上手跑起来。
但"适合"跟"放养"完全是两码事。Codex这哥们代码生成能力确实没得说,但它太能自由发挥了。你不给它画个圈,它分分钟给你整出一堆"看着能跑、一用就废"的代码。
Skills就是干这个的——它就是一本《团队开发规范》,给Codex装上了它就自动遵守。就像来了个技术很牛的新同事,给了他一份规范文档,以后就不用你天天站他身后盯着了。
我总结的三条实操经验,照着来就行
头一条:把话说明白,别让AI猜
我以前特别懒,提示词就写"帮我写个登录页"。好家伙,Codex给我整了个带短信验证码、带记住密码、带微信QQ一键登录的全套豪华版,光删不需要的功能就花了半小时。
现在我学乖了,这么写:
text
你是个前端开发的,只管写代码别废话。 给你一张设计图,你还我一个React组件。 规矩:只能用项目里已经有的UI库,不许偷摸装新的。 拿不准的地方直接问我,别自己瞎编。
最后这句最关键——不知道就张嘴问,别给我编。Codex编起东西来那叫一个一本正经,假的API它能给你写文档注释,看着跟真的似的,坑死个人。
第二条:一顿吃不成胖子,活儿得一点一点干
刚开始我特贪心,直接跟Codex说"帮我写个完整的后台管理系统"。结果它给我整了一堆乱七八糟的东西,改都不知道从哪下手。
现在我学精了,分四步走:
第一轮:光动嘴不动手,让Codex分析需求给我出个方案
第二轮:生成页面骨架,里头全是空的都行
第三轮:一块一块往里填实际代码
第四轮:让它自己回头检查有没有毛病
每一步我都亲自过一眼,不对劲马上喊停掰回来。活儿分开了干,AI不容易跑偏,我也省得费劲大改。
第三条:装Skills,把规矩刻进AI骨子里
这一条是最管用的,也是我现在逢人就推荐的。
一行命令的事儿:
bash
npx skills add @你的技能包
装完啥效果?Codex就自动学会了你们团队所有的开发规范。代码缩进用几个空格、变量怎么起名、接口怎么封装、之前踩过哪些坑——这些东西以后再也不用每次重新说一遍了。
现在社区里现成的技能包多得是,做Vue的有、做React的有、通用的规范包也有。装一个,以后就对着Codex喊一嗓子"按规范来",它就老老实实照办了。
我们团队现在用的是自己维护的内部技能包,把这两年踩过的坑全写进去了。每次新项目开张,第一件事就是把技能包装上,Codex写出来的代码跟我自己敲的一个味儿。
但有个事儿得提醒兄弟们一句
别看见啥技能包都往项目里装,得长个心眼。
我上次看见一个"查天气"的技能包,好奇点开看了眼里头的代码,好家伙scripts目录里在偷摸读SSH密钥。一个查天气的你读我密钥干啥?这不是明摆着有鬼嘛。
Snyk那边有份报告,审计了将近四千个技能包,超过三成都带着安全漏洞,严重的占13%还多。
所以说,装之前花五分钟把代码翻一遍,尤其是scripts那个文件夹,仔细瞅瞅。多花这几分钟,省得以后熬夜加班填坑。
最后说几句掏心窝子的话
干了十年写代码,我越来越觉得,在AI时代我这十年经验不但没过时,反而更值钱了。
不是说我现在敲键盘多快——说实话我敲得还没Codex快。
值钱在哪儿呢?
值钱在我一眼就能看出来Codex写的代码对不对味儿,好使不好使;
值钱在我知道项目在哪儿容易翻车,能提前把规矩写进Skills里防着;
值钱在我能把这么多年的经验捋成一条一条的规则,让Codex从"瞎写"变成"照我的风格写"。
这些东西,AI学不会,也替代不了。
谁要是跟你说AI要取代程序员了,那是他没真干过这行。