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

Mr_Carl
0 阅读4分钟

先说说"智面官"是什么

👉智面官 是我最近做的一个 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 也能搞定

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

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

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

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

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

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

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

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

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

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

一个人开发的效率秘诀

1. 先跑起来，再优化

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

2. 让 AI 写"套路代码"

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

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

项目现状和下一步

目前 👉智面官 已经实现了：

✅ 用户注册/登录
✅ 100+ 岗位选择
✅ 6 位不同性格的 AI 面试官
✅ 完整的语音面试流程
✅ 多维度评估报告\

下一步计划：

  • 🎯 接入更多大模型（GPT-4、Claude）
  • 🎯 支持视频面试（实时画面分析）
  • 🎯 简历解析 + 针对性提问
  • 🎯 面试题库建设

写在最后

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

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

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

avatar
文章
阅读
粉丝