摘要
这个项目主要是给快毕业但不知道怎么写简历的在校大学生做的。是一个跑在浏览器里的纯前端简历生成器，点开就能用，不需要注册，数据也全都保存在你自己的电脑上，不用担心隐私泄露。经过我自己的测试，它导出的 PDF 非常清晰而且彻底解决了文字错位的毛病，希望能帮学弟学妹们省下排版的时间，多花点心思在内容打磨上。
需求
身边不少刚要找实习、冲秋招的同学，第一次写简历都一头雾水，根本不知道该填啥。网上的简历模板坑又多，要么充 VIP 才能去水印，要么非要填手机号、家庭住址，隐私全被平台拿走了。要么就自己在 Word 里死磕排版，折腾半天还不好看；用免费在线工具导出的 PDF，又经常文字乱飞、格式错位。
我就用 AI 自己做了个纯前端的简历小工具，全程离线跑，没有后端，你填的所有信息只存在浏览器本地缓存，谁也拿不到。里面自带简约、商务、校园、技术四套好用的模板，直接切换，不用自己调格式。左边填信息，右边实时看 A4 预览，字号间距还能微调。
导出的 PDF 和 PNG 都是高清的，不会像截图那样错位。实在不知道怎么写，点一下示例，还会自动填上真实岗位的参考内容，照着改就行，省心又安全。
在线体验：https://resume.mancs.cn/
过程
整个开发过程我基本都是让 SOLO 帮我敲代码的。
我是这么拆解任务的：先让 SOLO 用 Vite 加 React 和 Tailwind 弄个基础架子，然后接入 Zustand 搞定数据状态和本地存储。接着就是画页面，左边是折叠表单，右边是 A4 预览。最后让 SOLO 根据职业需求写了几个不同的模板组件。当然，花时间最多的还是死磕 PDF 导出错位的问题。
在开发里 SOLO 挺给力的。我只要用大白话描述，它就能把 Zustand 的状态管理和类型定义写得明明白白。代码一长，它还会主动提议拆分组件。最牛的是遇到 Bug 时，有几次页面直接白屏了，我把控制台的报错扔给它，它自己就能分析出是由于本地旧数据没清理导致的空指针，然后默默加好了兼容代码。
踩坑也是有的。最开始做 PDF 导出的时候用的是 html2canvas，这玩意在复杂布局下截出来的字总是往下掉。SOLO 陪我试了好几种办法都不行，最后它建议直接换成 html-to-image 库，利用 SVG 的特性来渲染，结果真就把这个玄学错位 Bug 给治好了。还有一个坑就是加随机示例的时候，旧的缓存数据没对应上新加的字段，导致整个 React 树挂了。SOLO 反应很快，给所有模板加上了防空报错，还顺手写了个数据自动修复的逻辑。
成果展示
最后总结一下：
以前觉得搞这么一个完整、无错位、还能本地保护隐私的简历工具得肝好几个通宵，但这次在 TRAE SOLO 的辅助下，只用了极短的时间就跑通了全部闭环。
这也是我参加这次「Hello AI 科技致善」公益赛道的初衷：技术不应该只是冰冷的代码和高深的概念，它更应该是那些让普通人在焦虑和迷茫时，能切实感受到温度的工具。 对于即将迈出校园的大学生来说，一份干净、专业且不用担心隐私泄露的简历，就是他们跨越求职迷茫最踏实的第一步。希望能和大家一起用 AI 做点有价值的小事。
