blog/_posts/2026-09-01-vibe-coding2.md

21 KiB
Raw Blame History

layout title tags
post Vibe Coding 新体验2
Vibe Coding
AI
Agent

AI is Everything!

起因

在两个月前,我体验了现在的Vibe Coding不过那时候我其实还是没有完全信任AI认为它的能力可能还不够强大多数内容依然需要人来做。
但是自从上次做了终端版博客之后我意识到它的能力也许比我想象的更强可能真的能做到超越99%的开发者了因此在最近一段时间我一直使用AI做我想做的各种东西结果就是一次又一次地让我感到难以置信现在的AI真的实在是太强了😨。而且我做的这一切并不是用最先进的那批AI仅仅是国内被大家不怎么看好的免费模型——腾讯混元Hy3那么我很难想象如果我能用像GPT 5.6 Sol或者Fable 5那样当下最先进的AI我做的这些东西得有多完美啊……

最近Vibe Coding出来的各种项目

Blog API + WebMCP

在上次做完终端版博客之后我就在想用Linux终端来呈现博客的形式真的是个好选择吗毕竟Linux在浏览器上并不是原生的尽管用了WASM Linux可以做到WASM原生运行Linux但这还是额外添加的东西。于是我就想JavaScript应该也能作为终端吧就像Node.js一样REPL也可以作为终端使用正好那段时间DeepSeek-V4-Flash正式版出了就让它直接写了一个Demo出来试试看,可以点开这里体验。
写出来效果还挺不错的,和之前做的终端版博客的主要区别就是我写的是函数,而不是命令,不管怎么说也算是“真的”终端吧,唯一体验不太好的可能就是函数需要带个括号才能运行,稍微有点麻烦。
但后来我想了想明明开发者工具中就有个控制台根本没必要搞什么REPL终端啊直接把要用的功能提出来作为函数在控制台中运行效果比那个终端的效果要好得多啊而且这样就可以直接集成到我的博客中不需要单独搞个页面感觉体验更好一些。
既然有了函数,我觉得只给人类用就太浪费了,前段时间看到谷歌搞了个WebMCP那我完全可以把这些函数做成WebMCP让AI来调用啊相比于其他乱七八糟给AI的协议至少WebMCP是有谷歌和微软撑腰的所以加一个也不错。
最终我把WebMCP的文档以及之前实现的REPL代码直接发给AI让它帮我实现对应的函数以及应用WebMCP API没几分钟它就把所有功能实现好了最终代码就是blog-console.js。在开发的过程中AI严格按照文档中的要求实现了结果我在实际测试的时候发现Chrome在实现registerTool方法的时候和文档的实现有差异文档说这个方法会返回Promise但Chrome实际并没有返回所以AI调用.then()时直接报错了😓……没办法就只能手动给它套一层Promise才算是能正常工作。毕竟这还是一个没有正式上线的API出点问题倒也能理解吧。
虽然东西已经实现了不过到底怎么才能让其他人知道我用了WebMCP的技术呢我发现网上有一个WebMCP Directory专门收录使用了WebMCP技术的网站于是我就随手提交了一下现在在这里就能看到我博客的WebMCP信息了。

某个即将关服的游戏的离线快照

最近一段时间我在玩的一个使用Unity3D引擎制作的立直麻将游戏发了篇公告说是要关服了还给全服所有玩家送了一堆抽卡资源。我听到这个消息之后感觉还是挺遗憾的那个游戏总体来说做得还算不错吧而且画风也符合我的口味角色模型有点米哈游的那种感觉。我曾经遇到过几次游戏关服的事件但是每一次我都无能为力只能看着游戏消失然后逐渐被遗忘。然而现在我有了AI也许一切会变得不一样吧这次我要使用AI让即将消失的游戏不再消失。

重放大厅数据

最开始我其实想得很简单游戏登录之后其实没有和服务器有太多的通信像账号中有的角色以及各种材料等信息在登录的时候就已经发送了直到进入对局之前客户端都没有和服务器有什么有效的沟通而我主要需要的也就是能登进去看看角色听听语音就好了。那么接下来我只需要让AI把整个游戏资源下载下来然后抓个包让它给客户端重放就好了也不需要什么逆向操作。
AI分析了一下之后发现它用的是WebSocket+Protobuf协议正常来说如果要使用Protobuf协议得要有.proto接口定义文件才可以不过既然我的要求只是重放它就没去考虑逆向了只是简单分析了一下编码规则就用Python把服务端给写出来了。
不过如果这个快照必须本地启动一个服务器玩起来就有点麻烦了这样搞得我估计就没心思玩它了但是自从我做了终端版博客之后我觉得浏览器可能没有做不到的事情既然Python能运行服务器那JavaScript一样可以于是我就要求AI让游戏和服务端一起运行在浏览器中。
结果它还真折腾出来了在JavaScript中似乎一切都可以被覆盖于是AI就替换了浏览器的WebSocket对象让客户端以为它连接到了真实的服务器然后再按照之前录制的包发送就好了折腾了一段时间之后游戏真的能正常启动了真的是太离谱了😨

制作对局引擎

其实这基本上已经满足我的要求了,但我还是有点好奇,这个客户端里真的没有.proto接口定义文件吗正常来说既然客户端知道怎么和服务端通信那么这个文件应该是必须要有的吧反正目的已经达到了接下来就让AI瞎折腾看看。
在我要求完之后它又折腾了好长时间,结果.proto也被它给搞出来了😨也许对于会逆向Unity3D游戏的人来说这不算什么但这已经让我很震惊了……既然有了这些也许完成一个完整的服务端将不再是难事。
于是我让它录制了几把我实际对局的包并理解整个对局中数据包的时序开始考虑如何做出完整的麻将对局。首先作为离线运行的游戏来说和人对局肯定是做不出来了那就得想办法搓个人机出来。我最先想到的是著名的麻将AI Mortal,之前用它在雀魂上打了几把之后结果号没了😂不过我确实觉得和人打麻将没什么意思感觉麻将如果全按最优解打的话结果就全是靠运气……不过后来我想了一下还是不用Mortal了首先这个模型不小整个模型要好几百MiB而且三麻和四麻的模型还不一样还有三麻的模型还是收费的……另外真和Mortal打的话感觉难度也确实有点高除了运气因素外至少人机犯错的概率比人要低不少那打起来估计会很难受。所以我就对AI说做一个降低向听数为主的全攻型人机其他细节让它自己考虑另外我想到上次做的那个麻将Wordle它自己写的役种分析实在是有点烂所以这次就告诉它必须要使用现成的Riichi库,免得出乱七八糟的问题。
在连续跑了好几个小时之后AI成功把完整的对局引擎给搓出来了,真的是相当了不起,要知道这个东西正常来说人开发怎么说也得好几周吧?它就几个小时开发出来了,还理解了数据包的时序,用之前分析的.proto文件成功接入到了游戏中实在是太强了……当然因为我没有用大量真实牌谱去测试有BUG也是正常的比如目前的引擎还存在立直之后完全没法开杠这样的边缘问题就只能慢慢修了不过这都是小问题它能做到目前的水平已经不是一般人能做到的了。
最终做出来的项目可以在这里看到,还可以通过GitHub Pages上的部署直接游玩。

隐藏彩蛋

在AI做完整个服务端之后我闲得没事瞎改对战人机的角色和皮肤因为游戏中的皮肤ID有一定的规律所以可以根据角色ID来猜皮肤ID。在这个时候我发现其中有一个角色在游戏中没有对应的泳装皮肤但是我把人机的角色按照规律配置推测的泳装皮肤ID是能显示出来的……那也就是说这个游戏可能在配置中隐藏了这个皮肤但是并没有删掉美术资源所以接下来我就想着能不能让AI把这个隐藏的皮肤显示出来这样就能在游戏中直接使用了。
所以我根据自己推测的信息告诉AI在这个游戏中有一个皮肤编号3708002头像编号1018的资源被隐藏了其中关于这些资源的配置应该在commonconfigs中帮我解包并分析考虑如何将这个皮肤和头像恢复显示然后重新打包资源使其可以正常加载。就这么个需求它从Bundle的解包到分析FlatBuffers然后又处理XAsset的校验……最终花了3个小时就给我做出来了而且我试了一下非常完美简直就像这个皮肤本来就存在一样不过原本这就是被官方隐藏的嘛解除隐藏自然就和真的存在一样啊😂

能在WASM Linux中运行的SSG

之前我做完终端版博客之后就在想让这个完整的Linux只用来展示博客似乎有点浪费感觉它还能做更多事但对我来说编译在这个系统中能运行的二进制程序还是有一点困难虽然我有用AI但是我的Agent是运行在macOS上的所以编译Linux二进制程序有点困难……不过单是BusyBox其实就能做相当多的事情了毕竟我当年可是在手机上用ash做出了论坛系统Mabbs,那它能做的事情应该还有很多。
最近我在和群友聊天的时候发现有人用C#做了个静态网站生成器也是用AI做的看起来挺有意思。其实SSG的原理还是挺简单的说到底就是些文字转换罢了。于是我就想要不然我就让AI搓个能在WASM Linux中运行的SSG出来吧
当然直接搓我还是会有一点怀疑AI的能力所以又找了点素材之前在体验Tilde社区的时候发现了bashblog其实这就已经是一个现成的SSG了只不过它用的是Bash语法得让AI转换成POSIX风格的语法。另外它还依赖使用Perl语言编写的Markdown库我这个系统里可没有Perl啊也得想办法找个可以替代的东西。
我想了一下在BusyBox中最适合处理文本的大概就是awk了所以我首先应该找找有没有用awk编写的Markdown转换程序。结果搜了一下还真被我找到了有一个叫做d.awk的库里面包含一个完全用awk写的Markdown转换程序那么接下来我只需要把这两个项目丢给AI让它以bashblog为基础以d.awk为引擎制作一个兼容性极强的POSIX SSG吧。
这种问题果然还是太简单了,它只用了一两个小时的时间,就真的做出来了,最终它把这个项目起名叫做possg并且我把这个程序粘贴到了我的终端版博客中运行了一下效果也是非常完美……如果哪一天我抛弃了Jekyll也许就会用这个possg吧😂

终端版博客的各种新功能

最近一段时间我在我的终端版博客又有一些新的想法于是就对着AI反复许愿结果AI还真的能让愿望成真。以下就是从上次做完之后又新增的一些功能

Markdown高亮

最初博客在终端中显示文章时是直接打印的Markdown原文感觉不太好看所以我就想着如果能加个高亮功能体验应该会更好吧最开始我要求AI做这个功能的时候它选择使用Shell+sed来实现那时候我还没有做possg没考虑用awk来做所以性能非常差。因为Shell在处理这种任务的时候要不停地调用sed这个系统开进程的开销又很大所以处理一篇文章得好几秒后来才考虑用awk来做结果性能确实好了不少最终的代码可以在这里查看。

挂载本地文件夹

前段时间我看到作者合并了一个关于virtiofs的PR当时我看到这个PR的时候就想记得Chrome浏览器有一个showDirectoryPicker API可以允许网页对指定的文件夹进行读写。现在有了这个驱动的话让AI做个将本地文件夹挂载到Linux的功能应该是个很简单的事情于是我直接就闭着眼睛让AI做了。
做完之后虽然能用但是我又回想起上次让AI搓的通过Service Worker访问系统内网络服务的功能结果人家原作者已经做了一样的功能我还给作者发了Issue推荐😅所以这次我得吸取教训看看作者是不是已经做了这个功能毕竟作者实现virtiofs的时候估计就有这个打算吧结果看了一眼还真做了😆我闭着眼睛让这个垃圾AI去做看来确实有点着急了虽然我不知道原来我的AI做得到底怎么样但是我对它还是没什么信心也许作者这个代码也是AI写的但很明显他的AI比我的AI水平强得多所以让它参考作者做的这个版本重新写了一版。总之最终都能用写出来的代码就是hostfs.js,再配合上mount_host脚本就可以实现挂载本地文件夹的功能了。

基于WebRTC的局域网内组网

我在制作网络模块的时候一直在想有没有办法能在不依靠服务器的情况下让两个这样的Linux系统互联呢正常来说要想让两个浏览器内的服务互相访问就必须有一个中转服务器因为浏览器肯定是不允许网页监听端口而且就算能监听我的这个网页还是放在GitHub Pages上使用了HTTPS也没办法访问HTTP资源搞证书也是个麻烦事。
但其实浏览器是有P2P功能的那就是WebRTC只是我不太确定这个技术能不能做到无服务器于是我问了问AI这个功能能不能不要服务器结果AI说可以只要两个机器在同一个局域网就可以通过手动交换SDP信令来实现P2P连接而且考虑到我基本上完全没有锥形NAT网络可以用所以就不搞STUN服务器了反正也连不上。那既然理论上可以的话就让AI实现吧。
最终花了一点时间AI就写出来了使用webrtc-p2p.js配合connector就可以实现同一个局域网内两台电脑上的浏览器中的Linux互联了。
这个功能做出来之后直接就有了无限的想象空间比如想用A电脑的浏览器控制B电脑浏览器中的Linux就可以在B电脑中执行tcpsvd -v 0.0.0.0 4444 /usr/bin/script -qc 'stty -echo; /bin/sh -i' /dev/null然后在A电脑用nc 10.0.2.x 4444去连接就可以了效果就像SSH一样而且配合之前做的挂载本地文件夹功能甚至可以直接操作B电脑中的文件另外之前做的Service Worker访问系统内网络服务也能用得上假如B电脑有一个网页想要分享给A电脑可以在B电脑上用mount_host把本地文件夹挂载到Linux的/mnt/host目录中,然后在那个目录执行httpd -p 8080A电脑可以执行tcpsvd -v 0.0.0.0 8080 /usr/bin/nc 10.0.2.x 8080转发,接下来打开http/8080/就可以访问到B电脑上的网页了。
总之只要有了网络这个系统的功能就能被无限扩大了只是……说是这么说其实还是依赖浏览器的功能所以这些功能就算用JavaScript直接做也完全没问题但毕竟是作为Linux终端有了这些能力之后就显得更完整了。
最终我仔细确认了原作者确实没有做这个功能,所以就发了个Issue看看他有没有兴趣把这个功能加到他的库中,如果被接受了也算是做出贡献了吧。

使用VLESS协议的网关

虽然之前已经加了基于浏览器Fetch API的网关但这个网关的局限性还是挺大的基本上也就只能请求网站了。那其他能在浏览器上运行系统的项目是怎么做的呢看了一下像v86用的是一个基于L2 Over WS的公共网关relay.widgetry.org而WebVM用的则是Tailscale。这两种我都不喜欢主要是这些东西基本上专门服务于这类在浏览器中运行的系统普通人并不会特意去搭建而我既不想用某个特定的服务也不想自己搭……那么有什么样的网络服务既随处可见又能在浏览器中使用呢这时候我就想到了VLESS协议它天生就适合运行在WebSocket中而且搭建起来极其简单比如有人用Cloudflare Workers做了一个叫做edgetunnel的脚本可以轻松将Cloudflare作为代理使用因此我决定接下来让AI实现一个基于VLESS+WSS的网关这样除了请求网站之外还能做点别的事情比如用telnet towel.blinkenlights.nl命令看ASCII版的《星球大战》😆
只不过相比于其他项目用的那些L2的服务来说VLESS承载的是L4的协议所以我还得让AI实现TCP/IP协议栈……其实我不太想这样做的因为AI做这种事情容易出错但是它看了一下我之前用的tcpip.js库说是里面的API不满足要求……那没办法AI既然自己想搓就让它搓吧。不过VLESS协议这个我觉得还是得给它个文档,免得它开始瞎编。
不管怎么说它还是搓出来了虽然质量我不是特别满意……但毕竟手头用的AI不是最先进的AI就先这样吧最终的代码就是vless-gateway.js,用法也很简单,首先要有一个证书合法的VLESS+WSS节点然后在我的博客终端中按F12打开控制台输入switchToVless("wss://domain:port/path", "UUID")就可以将原来基于Fetch的网络切换到VLESS节点的网络了考虑到避免被滥用的情况我就不内置节点了如果有人有兴趣可以用自己的节点进行连接。

感想

做到这里可以感受到最近的AI所做的一切真的是令人难以置信它不仅知道几乎所有知识还有不知疲倦的思考能力以及足够的动手能力而这也仅仅建立在一个很一般的免费模型上。再回想起前段时间用的Agent做的什么订阅源预览,简直就太简单了😂。目前据我所知其他人使用更先进的AI已经可以解决人类没能解决的数学难题、自主设计处理器指令集架构在上面运行Doom、从零开发一个Classic Mac OS、制作直接在UEFI中运行的软件、以及完全逆向Unity3D游戏把几款游戏混合起来做成一个新游戏……至于网上总传的什么DeepSeek的所谓的灰测模型搞出来的各种Demo就算了根本比不了过去各种难以想象的东西都被轻松做出来了而这一切就发生在最近几个月我已经很难想象未来AI能做到什么样的地步了也许AI真的会带领人类走向无法想象的高度吧