1. 摘要
作为一个非技术岗位的人，我用 TRAE SOLO 在半天内从零搭建了一个功能完整的在线简历制作器——支持 JSON 批量导入、实时编辑（所见即所得）、3 套模板切换、PDF 导出等功能。这个项目是我之前做的「简历解析 Skill」的自然延伸：简历分析修改完了，总得有个地方把它漂亮地做出来吧？如果你也受够了 Word 排版简历的痛苦，或者不想花钱在某平台做简历，看到这篇帖子或许能给你一些启发 
2. 背景
传统的流程大家都不陌生： 找模板 →输入内容 →调格式 → 对不齐 → 换个模板 / 删内容→ 再调格式……来来回回折腾几个小时，排版比写内容还累 
就和VibeCoding一样，我自然会想到，为什么不能交给Ai帮我们搞呢，也许每个人还不能做到完全的自动化，但是更高效的方式：把原来的简历，或者和 AI 对话后的内容整理成文本，然后通过代码，一键生成简历。
带着这些想法，我打开了 TRAE SOLO——虽然我不是开发，但我想试试看能不能把这些想法变成现实。
- 解决一键导入生成简历的问题
- 解决实时编辑，所见即所得的问题
- 解决预览和保存一致，html转换pdf的问题
Demo地址：https://resume.h4h.space/
3. 实践过程
之前踩过很多坑，都是因为技术路线选择的问题导致后面改来改去，自己又不太懂技术栈，我就通过不断对话，以让ai调研的方式，给我提高详细的研究报告。
第一轮报告出来基本的框架就有了，但是不可以上当，它说了什么问题我是不用管的，我会再丢给其他AI去批判它，让他确认是否属实，再进行深入的调研：
然后把我自己知道的问题可能会出现的问题再次抛给他，让他去审视是否遗漏了，可以看到敲打过几次以后，它能够并行调研、分别研究问题，这一点我还是很满意的
我只会看它的思考过程和思考方式，当我注意到solo检索的时候有2024等关键词的时候，我会要求它去审视有没有淘汰的方案，以及询问它一些新的技术是否适合应用在新项目让他纠偏。
后面的路就比较简单和日常了，就是把技术文档丢给AI然后创建文档，一点一点调整和修改。
4. 成果展示
最终产出了一个功能完整的在线简历制作器，核心功能包括：
JSON 批量导入
- 把原始简历文本或 AI 对话整理好的内容，直接以 JSON 格式粘贴到编辑器
- 支持 JSON Resume 标准格式，一键生成完整简历
- 不用再手工逐条录入，内容和 AI 修改的结果直接变成简历
具体使用场景就是把简历随便丢给AI，通过ai对话改成你满意的内容，然后给他要求输出规范的josn内容，这里AI因为我不需要它再次归纳所以在提示词强制要求【保留完整描述，不要提炼】
请你把简历内容输出成下面的格式
{
"basics": {
"name": "硬气一点",
"label": "高级前端工程师",
"email": "derek2000139@hotmail.com",
"phone": "138-0000-0000",
"url": "github.com/derek2000139",
"summary": "5年前端开发经验，专注 React 生态与工程化建设。曾主导多个大型中台项目的前端架构设计与落地，在组件化、性能优化、工程化建设方面有丰富实践经验。擅长 React 技术栈，对 TypeScript、Node.js 也有深入理解。",
"location": {
"city": "南京"
}
},
"work": [
{
"name": "ABC 科技有限公司",
"position": "高级前端工程师",
"startDate": "2021-06",
"endDate": "至今",
"location": "南京",
"highlights": [
"【保留完整描述，不要提炼】主导公司中台前端架构升级项目，负责整体技术方案设计。通过引入微前端架构、优化 webpack 配置、实施增量构建策略，将项目构建时间从 5 分钟降低到 45 秒，提升开发效率 85% 以上。同时建立了完善的前端性能监控体系，将首屏加载时间控制在 1.5 秒内。",
"【保留完整描述，不要提炼】负责封装跨团队公共组件库，设计并实现了 30+ 基础 UI 组件和 20+ 业务组件。组件库采用 Storybook 进行文档化管理，提供完整的 API 文档、使用示例和单元测试。该组件库被公司 6 个业务线复用，减少重复开发工作量约 40%，显著提升团队协作效率。"
]
}
],
"education": [
{
"institution": "某某大学",
"studyType": "学士",
"area": "计算机科学与技术",
"startDate": "2015-09",
"endDate": "2019-06"
}
],
"skills": [
{
"name": "前端框架",
"keywords": ["React", "Vue", "TypeScript"]
}
],
"projects": [
{
"name": "企业级低代码平台",
"url": "github.com/derek2000139/lowcode",
"highlights": [
"【保留完整描述，不要提炼】负责低代码平台核心模块的设计与开发，包括物料注册中心、画布渲染引擎、属性配置器等关键组件。采用 React + TypeScript 技术栈，实现了组件的拖拽搭建、实时预览、代码生成等核心功能，支持 50+ 内置组件，服务月活用户 200+。",
"【保留完整描述，不要提炼】设计并实现了一套完整的表单渲染引擎，支持 20+ 种表单组件和复杂的联动逻辑。通过 JSON Schema 定义表单结构，实现了表单的动态渲染、数据校验、条件显示等功能，大幅降低了业务表单的开发成本。"
],
"keywords": ["React", "TypeScript", "Node.js"]
}
]
}
编辑能力
- 左侧面板支持「表单编辑」和「JSON 编辑」两种模式切换
- 表单模式：结构化填写，支持增删改查所有简历模块
- 拖拽排序简历模块顺序
所见即所得（核心体验）
- 不用切回编辑器，直接在右侧预览页上点哪里改哪里
- 支持多行文本编辑（自我评价）
- 修改即时生效，所见即所得
导出与保存
- 一键导出 PDF（规避排版截断）
- 3 套主题模板一键切换：极简、学术、产品
- 本地自动保存（localStorage 持久化）
- 紧急保存机制（关闭浏览器前自动保存）
- 撤销 / 重做
5. 效果与总结
数据对比
| 维度 | 传统方式（Word 排版） | 使用 SOLO 开发工具 |
|---|---|---|
| 简历制作时间 | 2-3 小时（含排版） | 1秒 |
| 模板切换成本 | 几乎重做 | 一键切换 |
| 开发这个工具 | 不可能（非技术人员） | 半天 |
| 代码量 | — | ~20多个文件，数千行代码 |
SOLO 在整个过程中的角色
SOLO 不只是帮我"写了代码"，它更像是我的技术合伙人：
- 调研阶段：帮我分析技术方案，输出专业级架构报告
- 开发阶段：根据规格文档生成完整项目代码
- 调试阶段：自动定位和修复构建问题
- 学习阶段：通过阅读生成的代码，也学到了一些新技术
个人思考
这次经历让我深刻感受到：AI 正在降低技术创造的门槛。
SOLO 最大的价值不是"替你写代码"，而是让你有能力把想法变成现实。你只需要想清楚"我要什么"和"为什么这么做"，剩下的技术实现交给它就好。
当然，过程中也需要你有一定的判断力——比如知道怎么拆解需求、怎么验证结果、怎么描述问题。SOLO 是放大器，不是替代品。你思考得越清晰，它给你的结果就越好。
简历保证不是重点，未来筛简历的都有可能不是人类，如何更高效的写简历，如何能够精准命中ATS的筛选机制才是关键
6. 互动
如果有时间可以慢慢再优化，今天肝不动了– -
觉得有帮助的话，点个赞支持一下~
收藏这篇帖子的同时，也欢迎分享给还在古法搓简历或者花钱买模板的朋友们！