我用 CodeBuddy 搞了个伪装工作神器「FakeWorkPro」

我正在参加CodeBuddy「首席试玩官」内容创作大赛，本文所使用的 CodeBuddy 免费下载链接：腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴

前几天在公司偷摸摸敲代码的午后，我突然想：要是手机里有个“假装我在正经上班”的小应用，该有多带感？于是我跟 CodeBuddy 说：“给我来一款 UniApp 做的 FakeWorkPro，能切换成代码编辑器、表格、文档啥的伪装界面，最好再来点小动画、小音效，让人看了以为我是真的在埋头苦干。”

下面，就聊聊 CodeBuddy 帮我把这个“摸鱼神器”从脑洞变成真东西的过程。

从想法到项目骨架：连命令都省我敲

我把想法丢给它后，CodeBuddy 首先扫了一眼我现成的 UniApp 工程，发现已经有 pages 目录、App.vue、main.js，直接接着说：“我们弄三个子页面，code-editor、document、spreadsheet，把首页留给模式切换就好。”

然后它还顺手帮我搞定了目录结构和路由，甚至把那串 PowerShell 报错的 & 符号自动换成分号，一气儿跑通好几条命令，把所有文件都给我“啪”一下建好了。

项目目录示意

UI 拟物风：窗口还能拖还能抖动

接下来本来我还想动手做个模拟桌面，结果还没动指头，CodeBuddy 就先行一步。它给我画了个草图：顶上状态栏带个时间电量，主区是带拖拽头的小窗口，底下浮着一条模式切换工具栏。

点开窗口的时候，还有 scale+fade 弹出效果，随意点空白区域，整个窗口还会轻轻抖一下——看着就像真的在操作系统里折腾文件。它还给各窗口里填了假 JSON、伪文档、乱七八糟的表格，逼格满满，让人一度怀疑自己是不是电脑真的卡住了。

伪装界面示意

声音互动：敲键盘声自动加持

为了气氛更带感，我开口就说想要打字声、敲击声。CodeBuddy 果断建了 static/audio 文件夹，还告诉我在 PowerShell 下一条命令搞定多级目录不用怕。

它直接给我了一个可复用的 AudioPlayer 组件，哪里要响就哪里调，点切换按钮就嗵嗵作响，而且防抖做得好，不用担心狂点出乱子。

动效细节：每次弹窗都像开派对

动画部分，CodeBuddy 用 transition、scale、opacity 搭了一套弹窗动效，每次打开都跟小派对似的，还配了 vibrateShort 的短震动反馈，诙谐感直接拉满。整个交互让我忍不住一遍遍切换模式，乐趣十足。

绝佳搭档：我只出 IDEA，它包办一切

从一开始把想法丢给它，到项目建好、页面生成、路由配置、资源管理、动效交互，CodeBuddy 完全不用我操心技术细节。最夸张的是，它连我环境里那点小坑都能自动识别并改正，让我哭笑不得——这效率，比几个实习生加班扒代码都快。

小结：FakeWorkPro，摸鱼不再心虚

有了 FakeWorkPro，办公室想偷摸刷微博、偷偷盯剧都能假装在写表格、改文档。这玩意儿更像我跟 AI 搞创意的成果，既解锁了新奇玩法，又能让老板误以为我在全力以赴。

下一步我打算让它支持多窗口自由拖拽，甚至做个假 Slack 聊天、假 Zoom 通话界面。反正想到哪里，直接跟 CodeBuddy 说，它就能给我整出来——摸鱼从此不慌张！

在这里插入图片描述