把B站伪装成飞书摸鱼，TRAE零代码教程来了

为了放心摸鱼，我给 B 站做了爆改：把推荐页全部换上飞书皮肤，一键伪装。首页推荐流被改成飞书群聊消息，点开卡片就能直接看视频；不同分区变成不同飞书群；评论区也爆改成飞书消息，可直接在伪装皮肤内回复。作者随后介绍了制作方法，称零代码基础也能复刻。

工具选择上，作者使用 AI 编程工具 TRAE，其最近上线编程“个人助手”TRAE 宝，适合多环节协调推进的项目。个人助手相当于给子 Agent 配“拿鞭子的管理员”，负责分配任务、协调卡点、汇总结果。TRAE 是国内首个推出“个人助手”的 AI 编程工具，TRAE 宝可根据任务上下文补充提示词，并跨任务进行全局项目统筹，减少调研、写代码、测试分散在不同任务时的信息断层，还可连接微信、飞书跨平台唤起。10 月 29 日至 11 月 4 日，用 TRAE 宝跑任务免费。

项目第一步是做解包。作者建议先去 GitHub 找类似开源换肤项目，让 AI 分析制作逻辑，再结合需求改造，以提升效果并节省 Token。TRAE 宝会补充提示词、精准搜索，并自动唤起新任务，在项目文件夹里深度解包伪装成微信、Word 等不同方向的摸鱼项目，参考代码思路统筹开发。随后让 TRAE 宝结合拆包结果做方案，分析源码的模块架构、渲染流程、数据映射和原生交互机制，对比实现差异，标出可复用模块及站点耦合代码，选择最合适项目，结合“B 站改成飞书界面”目标输出技术拆解与迁移方案，关键结论附源码位置。作者强调必须深度拆包，否则一句话跑出的结果完全不能用。此处个人助理与直接开新对话区别明显：前面找过哪些项目、拆出哪些可用模块，即使保存在别的对话，后面做方案也能接着用，无需翻聊天记录、复制粘贴。

框架完成后开始跑代码和测试。项目基础技术栈为 JavaScript、HTML 和 CSS，通过油猴脚本运行，约 10 分钟跑完初版，侧边栏可看详细代码。跑完脚本后，可让 TRAE 操纵 Chrome 浏览器安装脚本，它会读取历史上下文、补充提示词并按需开启任务；但油猴插件需用户点击确认安装，TRAE 不能自行操作。安装后按 Ctrl+R 刷新页面即可看到首次换肤效果，基础功能测试通过，可通过滑动推荐流群聊刷首页视频。

之后作者增加趣味功能：分区群组，把 B 站各分区映射成左侧飞书群组，点击不同群组浏览对应分区视频；模拟同事，在消息列表加入模拟同事会话，显示姓名、消息预览和未读角标，点击可查看聊天内容，以便老板靠近时点开工作聊天撑场面；评论功能，把评论展示成聊天气泡，底部添加飞书样式输入框，复用 B 站原生评论功能发送；楼中楼回复，点击评论下方回复数量时，在右侧展开同楼回复，支持点击任意一条定向回复，参考原飞书样式；搜索功能，把搜索入口和结果页改成飞书样式，输入关键词后将视频结果展示为文档列表，并保留点击观看功能；肤色切换，支持浅色、深色主题一键切换，点击侧边栏按钮调整整套界面配色。作者建议做功能时加上具体参考图，迁移和映射效果会更好，不要写太长提示词，图示效果比文字更好。

作者最后表示，写代码时想着赶紧做完看视频，真做了又忍不住继续加功能，Vibecoding 真上瘾，为了摸这点鱼反而给自己加了班。以后会分享更多实用好玩的 AI 编程小项目。并提醒本周一到周日从 TRAE 宝入口开启的任务免费。工具链接：https://www.trae.cn/。文章来自“JackCui”，作者“JackCui”。