最近我琢磨起了一个问题：我们已经会用AI写策划、整理会议纪要了，那做简历的时候，除了让它改改措辞，还能玩出什么花样（金九银十正当季啊）？ 于是我就试了试，把一份普普通通的简历做了可以互动的3D网页。 我把简历里的不同内容装进了这栋五层高的“职业大楼”。点击楼层入口，小汽车就会沿着车道开过去，再自动打开对应的介绍或项目经历。
说实话我不敢信从整理零散的经历，到生成网页代码，再到根据本地预览修改问题，都是豆包工作给我干的！
接下来，就把这个过程拆开讲讲，分享给大家。
01 第一步：先让豆包工作，把零散的经历“成型”（我这里用的是虚拟的）
我先把目标岗位（比如某产品运营岗）的JD，以及一份关于“轻舟笔记”用户活动的零散虚构经历扔给了它。并在指令里要求它：根据JD筛选相关经历，整理形成清晰的文本，突出职责和结果。
豆包工作很快就帮我整理出了五个模块：个人简介、核心技能、项目经历、工作经历、教育背景与联系方式。即使不做网页，这份文本也是可以直接作为普通简历的基础。
所以做这一步时，你可以先在豆包工作中新建任务，把目标岗位的JD和自己的经历一起发进去，尽量交代清楚：做了什么、自己负责哪部分、有什么结果。指令可以这样写：
请根据下面的JD整理我的经历，输出个人简介、核心技能、项目经历、工作经历、教育背景与联系方式。突出实际职责和已有结果，不编造数字或联系方式；缺少的信息单独列出。岗位JD：【粘贴要求】我的经历：【粘贴资料】
02 第二步：不用开新对话，直接让豆包工作把简历“盖成”一栋大楼
简历文本有了之后，接下来就是见证豆包工作“连续工作流”的优势了！我完全没有新建对话，直接在刚才那个任务里，让豆包工作把刚才的内容拆解成适合网页的字段（比如短标题、摘要、完整正文）。
紧接着，我向它下达到了真正的指令：使用Three.js制作一个五层职业大楼与小汽车。楼层分别承载刚才整理的简历栏目，小汽车到达相应位置后点击可以打开内容面板，并将刚才的整理简历数据直接填写进去。
为了保证轻量化，豆包工作给出的方案很聪明。它直接用几何体组合生长框架和梯形，招牌用了画布文字去纹理，完全不需要我在外网上找什么庞大的人物或图片模型。
最后豆包工作给我甩了一个压缩好的resume-building.zip源码压缩包。
这一步，关键是把你想要的网页样子和交互方式说清楚：每层放什么内容，点击后小汽车怎么移动，简历正文在哪里展示。可以直接给豆包工作这样的指令：
请把上面确认的简历做成基于Three.js的3D网页：五层职业大楼分别展示简历栏目，点击楼层入口后，小汽车沿车道前往对应楼层，再打开内容面板。保留文字导航，方便直接阅读；用几何体搭建大楼、车道和小汽车，不依赖外部3D模型。填入已确认的简历内容，交付完整项目ZIP及运行说明，并列出已检查和未验证的部分。
03 第三步：像给程序员提需求一样，让豆包工作自己修改Bug
拿到项目文件，接下来就是下载到本机，打开预览，看看实际效果和交互是否符合预期。
初版已经有了雏形，但实际操作时，还是发现了几个小问题。我就回到豆包工作的同一个任务里，把问题告诉它，让它继续修改。
比如，四楼入口点击后没有响应，一楼的轨道也有闪动。我把这些现象反馈给豆包工作，让它继续检查和修改；底座的颜色太淡，就再提出把它改成绿色草坪。
功能跑通后，我还想让网页更精致一点。但只说“再好看一些”，很难把自己的想法表达清楚。于是，我找了几个GitHub上的3D个人网站，把链接发给豆包工作，让它参考其中的物体细节、材质、光影和界面布局，继续优化现有的大楼。
调整外观时，也可以用这个办法：给它参考链接或截图，再指出具体喜欢哪里，比如造型、场景的配色，或者内容面板的布局。比起笼统地说“做得高级一点”，这样的要求更明确，也更容易让修改结果贴近自己的预期。
04 第四步：让豆包工作交付一个双击就能打开的版本
最后一版在本地跑通后，小汽车能开到对应的停靠点，点击项目展板，也能打开前面整理好的履历。不过，前面拿到的是源码压缩包，预览时还需要安装依赖、启动服务。我就接着问豆包工作：能不能做成一个更方便打开的文件？
它继续将Three.js、样式和简历内容打包到一个HTML里，交付了《Cookie的3D职业大楼简历.html》。这样，查看网页就不用再安装Node.js或敲命令了。
所以做到这一步时，你可以在原来的任务里接着说：
“请把当前项目打包成可直接打开的单HTML文件，将脚本、样式和所需资源内联，避免依赖外部链接。请用file://本地文件方式检查3D渲染、楼层导航和内容面板，说明测试过哪些浏览器、还有哪些限制，并交付HTML文件。”
下载后，用电脑浏览器打开这个HTML，再逐个检查楼层入口、小汽车移动和项目内容。源码压缩包也可以保留，方便以后继续修改。
需要分享网址时，还可以继续让豆包工作给出GitHub Pages的发布步骤：用自己的GitHub账号创建公开仓库，将单HTML文件命名为index.html并上传，再在仓库的Settings → Pages中开启发布。
做到这里，这份简历就有了一个可以直接打开的HTML版本，后续也可以按上面的步骤发布成网址。从最初的零散经历，到眼前这栋能开车逛的“职业大楼”，还真让我有点惊喜！
一开始，我只是想试试豆包工作能把这类网页做到什么程度。结果，它不仅做出了初版，预览后发现的问题、想调整的外观，也能在原来的任务里接着改，逐步把效果做完整。
这已经是我第三篇探索豆包工作的实操了。前两次还是整理文档、连接飞书，这次却用上了Three.js、Canvas，做起了3D交互网页。之前更多是拿它处理工作资料，没想到，这种看起来需要程序员参与的项目，也能让它一步步帮我做出来。
豆包工作接上飞书，具体能帮我们干什么？我试了6种用法（附提示词）
看到这里的朋友，如果想上手试试，正好可以留意一下豆包工作近期更新的30天会员福利。之前领过的老用户，会员到期后，还可以在网页搜索「豆包工作」，下载电脑端，再免费领取一次30天会员。趁着节后开工，不管是准备秋招简历，还是处理手头积攒的工作，都可以试试，真的超级好用！
