一、摘要
这是一个面向大学生及职场新人,在收到 Offer 或年度调薪时,不知道应该怎么跟 HR 谈薪资的场景下使用的小工具。它提供了一个可以反复练习的 AI 模拟谈判场景,谈完之后,还可以自动生成能力评估报告和改进建议。
目前通过身边朋友试用,反馈是谈完之后,知道该怎么说了,也没那么心虚了。
二、真实场景与需求
1、目标人群: 大学生(尤其是应届生)和 1-3 年职场新人。当然,任何需要跟老板谈薪资的职场人也都能用。
2、痛点描述: 具体来说,就是收到 Offer 之后,HR 问你期望薪资是多少,这个环节。大多数人这时候脑子里一片空白,说高了怕offer就飞了,说低了又总觉得自己亏大了。更尴尬的是,很多人连薪资是可以谈的这个意识都完全没有,眼神清澈的大学生群体,HR 说多少就是多少。而且这个问题没法练习,你不可能拿一个真实的 Offer 去练手,试错成本太高了。
3、现有做法: 现在大家一般都是在网上搜怎么谈薪资,然后看看攻略,或者找有经验的学长学姐请教。但看攻略只能学到理论,真到那个场景还是会紧张到忘词。找前辈请教的话,不是每个人都有这个人脉,而且也没法反复练。核心就是缺一个安全的、可以反复练习的地方。
三、作品介绍
这是一个网页工具,纯前端,打开浏览器就能用,不用下载,不用注册。
核心功能主要有以下几个:
1、AI 扮演资深 HR 跟你模拟薪资谈判对话。
2、支持 4 种场景:年度调薪、晋升加薪、新 Offer 谈判、拿外部 Offer 反提。
3、谈判过程中实时给你策略提示,比如这里可以用数据做支撑。
4、不知道怎么回的话有推荐回复,点一下就行了。
5、谈完可以生成这次谈判的评估报告,包括综合评分、能力雷达图、薪资分析、个性化改进建议等等。
6、内置 10 大行业薪资数据作为参考。
7、支持接入 AI 大模型 API(DeepSeek/OpenAI 等),对话更真实。不接也能跑起来,用的是静态的规则模拟。
四、用 SOLO 实现的过程
任务拆解:我把整个项目拆成了 3 块:界面、谈判引擎、评估报告,一块儿一块儿做的。
关键 Prompt 1:
帮我开发一个 AI 薪资谈判模拟器 Web 应用,纯前端单文件,包含欢迎页/信息填写/对话模拟/评估报告四个页面,可以接入 AI 大模型 API。如果不填就用规则实现模拟谈判的效果。
核心功能有:
1、薪资谈判模拟对话
2、谈判力评估报告
3、薪资雷达图可视化
4、谈判技巧卡片
关键 Prompt 2:
帮我做谈判引擎,实现一个薪资谈判策略引擎,能根据用户输入分析谈判策略(自信度/数据运用/策略性/灵活性),并生成 HR 的智能回复。
踩过的坑:
1、雷达图颜色显示不出来,用了 CSS 变量当颜色,但 Canvas 不认,改成硬编码颜色值才好。
2、第一版做了深色主题,觉得有点丑,然后使用 skill frontend-design 优化了一版,看着职业多了。
3、本地打开 HTML 文件时 API 调不通,因为 file:// 协议下 fetch 被 CORS 挡了,最后部署到 Vercel 才解决
五、成果展示
在线体验链接:https://workspace-xi-eight.vercel.app
六、验证方式与下一步
已完成的验证:
1、模拟测试:4 种谈判场景都跑通了完整流程,对话逻辑和评估报告正常
2、兼容性测试:Chrome 和 Safari 显示正常
3、AI API 集成测试:接了 DeepSeek API 聊了几轮,对话质量还可以
4、用户试用:找了 3 个朋友试用了下,反馈是挺有意思,对提前准备谈判筹码有些帮助。


