我用 Trae 花了一周，从零打造了一个AI面试官🚀

Mr_Carl
1,145 阅读9分钟

先说说"面面帮"是什么

👉面面帮 是我最近做的一个 AI 面试模拟平台

image.png

简单来说，它就是一个24小时在线的 AI 面试官——你可以选择不同的岗位（前端、后端、产品、运营……100多个岗位）、不同的难度级别，然后和一个有"性格"的 AI 进行语音面试。面试结束后，AI 会给你一份详细的评估报告，告诉你哪里答得好、哪里需要改进。

605d40e469b561um.gif

为什么要做这个项目？

作为一个经历过无数次面试的打工人，我深知面试准备的痛苦：

  • 没地方练：找朋友模拟？大家都忙。去牛客网？只有文字交流，缺少真实感。
  • 没反馈：自己对着镜子练，也不知道答得到底怎么样。
  • 没时间：上班族想准备跳槽，只能晚上抽时间。

我就想：能不能让 AI 来当面试官？ 它可以随时在线、有无限耐心、还能给出专业反馈。

于是，👉面面帮 诞生了。

技术架构：一个人也能做全栈

说实话，如果是传统开发模式，一个人做前后端 + AI 集成 + 部署，起码得一个月。但借助 Trae 的 Vibe Coding 能力和现代技术栈，我用一周时间就搞定了 MVP。

技术选型思路

技术选择理由
Cloudflare Workers无服务器、边缘部署、免费额度 generous，一个人玩最合适
D1 Database边缘 SQLite，零运维，和 Workers 配合完美
DashScope (阿里)国内访问稳定
React 19新特性好用，配合 Vite 开发体验丝滑
Trae IDE这就是本文的主角，后面细说

Trae Vibe Coding：我的"外挂"

整个项目最大的提效利器，就是 Trae 的 Vibe Coding。

什么是 Vibe Coding？

Vibe Coding 是一种开发方式——你描述需求，AI 帮你写代码，你负责把控方向和调优。不是简单的代码补全，而是深度的结对编程。

我在面面帮中是怎么用的

1. 后端 API 开发 —— 从想法到接口，10分钟

比如我要做一个"面试官列表"接口，传统方式我要写：

  • 路由定义
  • 数据库查询
  • 错误处理
  • 类型定义

用 Trae，我直接描述：

"帮我创建一个获取面试官列表的 API，从 xxx 表中查，要支持按 enabled 字段过滤，返回 id、name、avatar、personality、voice 这些字段"

Trae 直接生成完整的代码，包括类型定义、SQL 查询、错误处理。我只需要 Review 一下，微调几个字段名，就能跑通。

// Trae 生成的代码结构，我稍作调整
app.get('/api/list', async (c) => {
  const db = c.env.xxxDB;
  const { enabled } = c.req.query();
  
  let sql = 'SELECT id, name, avatar, personality, voice FROM xxx';
  if (enabled !== undefined) {
    sql += ' WHERE enabled = ?';
  }
  sql += ' ORDER BY sort_order ASC';
  
  const result = await db.prepare(sql).bind(enabled).all();
  return c.json({ success: true, data: result.results });
});

2. 复杂业务逻辑 —— AI 也能搞定

面试评估报告生成是核心功能，需要：

  • 解析多轮对话
  • 按6个维度评分
  • 生成改进建议
  • 输出结构化 JSON

我直接把设计文档贴给 Trae：

"帮我实现一个报告生成服务，输入是对话记录数组，需要调用 LLM 进行评分，返回包含指定字段名的报告对象"

Trae 不仅生成了代码，还自动处理了：

  • Prompt 模板设计
  • JSON 解析和校验
  • 错误降级策略

3. 前端组件 —— 从 0 到 UI

管理后台的仪表盘需要数据可视化，我描述需求后，Trae 直接生成：

  • ECharts 配置
  • React 组件结构
  • 数据获取逻辑
  • 加载状态处理

我只需要调整一下样式细节，就能完美匹配设计稿。

像打视频电话一样面试

选择你的面试官

进入首页，可以选择：

  • 岗位 ：覆盖10大行业，100+细分岗位
  • 级别 ：初级、中级、高级，匹配你的目标
  • 面试官 ：6位不同性格的AI，有的温和、有的犀利
  • 面试类型 ：技术面、行为面、综合面

沉浸式面试流程

点击开始后，会进入一个类似视频通话的界面：

  • 屏幕中央是 AI 面试官的头像
  • 底部有麦克风和挂断按钮

整个交互就像真的在视频面试一样

605d40e469b561um.gif

面试报告：不只是分数

面试结束后，系统会生成一份详细的评估报告：

  • 6个维度评分 ：专业知识、沟通能力、逻辑思维、项目经验……
  • 具体改进建议 ：哪里答得好、哪里可以补充、推荐学习资料

从"有简历"到"有好简历"

简历是求职的敲门砖，但很多人不知道自己的简历问题在哪，或者根本不知道从何写起。面面帮的简历功能，就是想用AI的能力，帮大家从零生成、发现问题、给出建议、快速优化 ，让每一份简历都能更好地展示出价值

因此除了AI面试，面面帮还提供了一套完整的简历解决方案 ，目前包含三大核心模块： 简历生成、简历编辑 和 简历评估

一、简历生成：从零开始，6步搞定

如果还没有简历，或者想重新做一份，可以使用「简历生成」功能。采用 分步向导式 设计，跟着步骤填就行

6步流程：

  1. 基本信息 - 姓名、电话、邮箱、求职意向、工作年限、所在城市，还支持上传头像
  2. 教育背景 - 学校、专业、学历、起止时间，可添加多段教育经历
  3. 工作经历 - 公司、职位、时间、工作内容描述
  4. 项目经验 - 项目名称、担任角色、技术栈、项目成果
  5. 技能特长 - 专业技能、语言能力、证书资质
  6. 选择模板 - 16套专业模板任选
风格类型适合人群
优雅专业传统行业、国企
极简现代互联网、科技公司
商务经典金融、咨询行业
创意大胆设计、创意行业
渐变专业追求现代感的求职者
杂志排版追求个性的求职者
时间线经历丰富的职场人
卡片堆叠喜欢模块化展示的人
右侧边栏信息分类清晰的简历
极简线条极简主义者
色块分区活泼风格的求职者
字体排版强调视觉冲击力
照片头部需要突出个人形象
双栏紧凑信息密度高的简历
现代方框工业感设计
纯净白极简白色风格

二、简历编辑：多种格式，一键导入

如果已有简历，可以直接上传编辑：

支持的文件格式

  • PDF、DOCX、TXT、Markdown
  • 支持拖拽上传，最大支持 4MB

上传后，系统会自动解析内容，你可以：

  • 在线查看和编辑简历文本
  • 支持 Markdown 格式的富文本编辑
  • 实时预览修改效果

三、简历评估：AI 帮你找出简历的"坑"

这是目前最实用的功能，上传简历后，AI 会从多个维度进行专业评估，目前有两种评估模式

模式1：通用评估

  • 分析简历本身的质量问题
  • 适合不确定投什么岗位，想先优化简历的同学

模式2：岗位定向评估

  • 输入目标岗位名称、级别、JD描述
  • AI 结合岗位要求进行针对性分析
  • 给出岗位匹配度和竞争力评估

评估报告包含什么？

  • 综合评分（0-100分）
  • 结构完整性：简历布局、信息完整度
  • 内容质量：经历描述是否有价值
  • 表达规范：措辞是否专业
  • 主要问题清单，用于列出简历中存在的核心问题
  • 优化建议
    • 按优先级排序（关键/高/中/低）
    • 每个建议包含：问题描述 + 改进建议 + 参考示例
  • 岗位匹配分析（定向模式）
    • 整体匹配度百分比
    • 已覆盖的关键词（绿色标签）
    • 缺失的关键词（红色标签）
    • Gap分析：与岗位要求的差距

四、实际使用场景

场景1：应届生第一次写简历

小李刚毕业，不知道简历该怎么写。他使用「简历生成」功能，按步骤填写了基本信息、学校经历、实习经验，选择了"极简现代"模板，10分钟就生成了一份专业简历。然后用「简历评估」检查，根据AI建议补充了项目量化数据，顺利拿到了面试机会

场景2：社招跳槽优化

老王工作3年想跳槽，目标是大厂。他用「岗位定向评估」模式，输入了某大厂的 JD。AI 分析后发现他的简历缺少"高并发"、"微服务"等关键词，建议他在项目描述中补充相关内容。修改后匹配度从 65% 提升到了 82%

场景3：简历救急

小张明天有个重要面试，今天才发现简历上有错别字。他直接上传到「简历编辑」，在线修正后重新导出，避免了尴尬

一个人开发的效率秘诀

1. 先跑起来，再优化

用 Trae 的最大好处是快速验证想法。不要纠结完美架构，先让功能跑通。我第一天就搞定了基础的语音对话，后面几天再逐步完善。

2. 让 AI 写"套路代码"

CRUD、类型定义、简单的工具函数——这些交给 Trae，我把精力放在：

  • 产品体验设计
  • Prompt 调优
  • 核心算法逻辑

项目现状和下一步

目前 👉面面帮 已经实现了：

✅ 用户注册/登录
✅ 100+ 岗位选择
✅ 6 位不同性格的AI面试官
✅ 完整的语音面试流程
✅ 多维度评估报告
✅ 简历生成、编辑、评估功能

下一步计划：

  • 🎯 支持视频面试（实时画面分析）
  • 🎯 面试题库建设

写在最后

做 👉面面帮 的过程中，我深刻感受到 AI 编程工具带来的生产力革命

以前一个人做全栈项目，前后端来回切换，大量的时间花在"写代码"上。现在有了 Trae，我可以把更多精力放在产品设计、用户体验、核心逻辑上——这些才是创造价值的地方

如果你对这个项目感兴趣，欢迎在评论区交流。面试技巧、AI 应用开发、Vibe Coding 经验——都可以聊！

avatar
文章
阅读
粉丝