项目灵感来源
在多年的前端开发学习和工作中，积累了很多学习资料和面试习题，但是这些资料只能自己看看，很难得到学习时的即时反馈。一开始我想利用扣子平台，开发一个可以利用前端面试题作为知识库的智能体。但是反复调试的效果都不太好，达不到预期的要求。正好目前 vibe coding 风头正盛。那为什么不自己开发一个可以对接 AI 大模型的工具网站。说做就做！
项目规划初始提示词
现在我有一个前端面试题库，所有的面试题每一道题都是一个 markdown 文档文件，我想开发一个可以接入 AI 大模型的前端面试模拟网站，网站会扮演一个专业的前端面试官，以我的前端面试题库为依托，向用户提出问题，并根据用户的回答进行追问，所有的问题都来自我的前端面试题库。同时使用 AI 大模型的能力来对用户的回答做出分析，并最终给出一个面试分析报告。
请帮我规划这个应用的开发，技术栈上我希望使用 nextjs 全栈，UI 使用 shadcn/UI组件库，大模型使用 qwen3-max 让用户可以在第一次使用网站的时候进行配置，并且只保存在用户本地存储里。
AI编程工具选择
对比了多款编程工具和模型后，最终选择了以 claude code 作为 AI 编程辅助工具，模型选择了最新的 claude opus 4.5
开发过程
1. 先输入自己的提示词，然后使用 claude code 的 plan mode，让他先规划一下开发计划，最终他会生成一份 plan
1. API Key 配置
- 首次使用引导配置 qwen3-max API Key
- 存储在 localStorage，不经过服务器
- 支持在线验证 Key 有效性
2. 面试配置
- 选择面试类别（多选）：Vue/React/JavaScript/TypeScript/CSS/HTML/场景题/工程化/性能优化
- 选择题目数量（5-20道）
- 按类别均匀分配题目
3. 面试流程
- AI 面试官从题库抽取题目提问
- 用户输入回答（支持 Markdown/代码）
- AI 基于参考答案**自动智能追问**（最多2次）
- 支持跳过当前题目
- 进度条显示进度
- **流式输出**：AI 回复使用打字机效果
- 面试必须一次完成（无暂停/恢复）
- 无计时限制，自由回答
4. 面试报告
- 总体评分和评级
- 各维度得分：技术知识/问题解决/表达能力/理解深度
- 每道题详细回顾：用户回答 vs 参考答案
- 知识点掌握雷达图
- AI 生成改进建议
2. 直接同意计划，让他开始开发。这个过程很快基本上20分钟不到，就将项目的基础功能全部开发完成了。而且几乎不用修改，直接就可以使用。
项目实现效果
关于本次开发的感想
当前的 AI 编程工具真的是太强大了，对于一些小型项目，或者是实现一些个人灵感的 MVP。AI 生成的代码真的是完全可用的。我本人主要的项目技术栈是 vue，对于 react 生态没有实际的项目经验，不过依靠 AI 编程工具生成了完全可用的项目代码，甚至很多代码细节我个人都很难很快的看懂。所以不敢想象按这个发展速度，未来2-3年之后软件工程和项目开发流程会发生怎样的质的变化，感觉未来整个应用的形态还有开发过程都会翻天覆地的变化。
关于这个项目的 tips
这个项目我已经部署到服务器，有兴趣的同学可以随时访问 interview.smilezyl.me
第一次使用只需要配置阿里百炼平台的 apikey，即可开始专属于你自己的面试流程！
