“班味儿计算器”：一次从需求洞察到 AI 产品落地的全记录

作者：Jason的 AI 工坊 (与 Gemini 联袂打造)

🏆 掘金 Vibe Coding 大赛参赛作品

一、 序章：一个让所有打工人深夜共鸣的问题

深夜十一点，拖着疲惫的身躯赶上回家的末班地铁🚇。手机屏幕的光映着你毫无波澜的脸，脑子里只有一个声音在回响：“我这么累，到底图个啥？”

我们总习惯用工资条上的数字来衡量一份工作的价值，但那些通勤路上的煎熬、办公室里的人际内耗、永远画不完的大饼和几乎为零的成长空间呢？这些难以名状的疲惫，我们称之为—— “班味儿” 。

这股“味儿”，浓得让人上头，却又无法言说。

于是，一个大胆的想法在“Jason的 AI 工坊”诞生了：“如果‘班味儿’可以被量化，如果 AI 能化身我的‘毒舌嘴替’，帮我把这份工作的性价比扒个底朝天，那会是怎样一种体验？”

就这样，“班味儿计算器”项目，正式启动。

二、 立项：“班味儿计算器”的产品与灵魂

我们坐下来，进行了一场激烈（且充满吐槽）的头脑风暴。如何把抽象的“不爽”变成清晰的数据？

• 定义核心指标：我们确立了两大支柱：

  • 真实时薪：这不只是工资/工时。它必须刨去通勤、扣掉加班，让你直面自己每个小时的真实劳动价值，看看它到底有没有跑赢楼下的奶茶店小哥。
  • 幸福感指数：一个综合评分，量化你的情绪价值。

• 拆解“Vibe”维度：我们把“班味儿”拆解成了一系列可以打分的维度：从成长空间、团队氛围、工作压力到生活平衡(WLB)。

• 注入灵魂与趣味（这才是重点！） ：一份正经的报告太无聊了。我们决定加入一些能引发会心一笑（或心头一紧）的“灵魂拷问”：

  • 同事颜值：毕竟，赏心悦目的工作环境也是生产力的一部分，对吧？
  • 早八打卡：“早八人”的痛，必须在幸福感里扣分！
  • 学历/职称：你的教育投入，是否得到了应有的尊重和回报？这个系数，代表你的“期望值”。

• 命名故事：我们放弃了“上班性价比评估助手”这种一本正经的名字，最终选择了“班味儿计算器”。因为它更直接，更有梗，更能让每个打工人DNA里的某个东西，狠狠地动了。

三、 建造：当 React 遇上 AI，魔法开始发生

光说不练假把式。我们迅速搭建起了技术框架。

• 技术选型：

  • 前端：我们选择了 React + Tailwind CSS 的黄金组合。React 的组件化思想让我们能把复杂的界面拆解成一个个可复用的小模块，而 Tailwind CSS 则让我们能像拼乐高一样，快速构建出兼具美感与暗黑护眼模式的 UI。
  • 核心：最初我们考虑使用通用的 Gemini API，但在深入思考后，我们做了一个更“接地气”的决定——选用阿里云百炼的 Deepseek 模型。为什么？因为它更懂中文，更懂“打工人”的黑话和痛点，生成的点评能真正做到“专业吐槽，句句扎心”，更适合中国宝宝的体质。🐶

• 迭代之路（展现专业性与匠心） ：

  • V1.1 -> V1.5：我们经历了每个工程师都会面对的真实日常——修复 Bug。从输入框莫名其妙失焦，到 JSX 的一个小小语法错误，每一步都凝聚着耐心和细致。
  • V1.6：我们发现，孤零零的时薪数字没有意义。于是，“时薪参考坐标”功能上线，让你的时薪能立刻与“上海最低时薪”和“星巴克伙伴”对标，价值感瞬间清晰。
  • V1.7 & V1.8：我们对细节进行了疯狂打磨。滑块增加了实时数值反馈；优化了下拉框的样式，使其与整体暗黑风格融为一体；为“证书/职称”设置了更合理的默认选项。

• 让 AI 成为你的专属“毒舌导师” ：

  • 这不止是一个简单的 API 调用。我们为用户打造了一个AI配置面板！你可以自主选择 AI 模型（目前支持 Deepseek R1/V3），填入自己的 API Key，甚至可以调整“温度(Temperature) ”参数——0代表佛系鼓励师，1代表火力全开的毒舌教官，你的 AI，你做主！

四、 成品：你的专属“打工价值报告”

现在，让我们来看看最终的成品。你只需要花一分钟，就能得到一份专属的“打工价值报告”。

你的所有付出与感受，都将在这里被量化

“真实时薪”与“AI毒舌点评”将给你答案

• 价值主张：

  • 它是一个决策辅助工具：手握多个 Offer 摇摆不定？算一下，让数据帮你做决定。
  • 它是一个自我认知工具：感觉工作很累？它能帮你清晰定位“累”的根源，是钱少、心累还是没成长。
  • 它是一个社交分享玩具：有趣的报告和“扎心”的 AI 点评，让它天生具备了在朋友圈和好友间传播的潜力。

五、 未来：Jason的 AI 工坊，不止于此

“班味儿计算器”只是一个开始。

• 作品链接：

  • 在线体验：Work Vibe Calculator Git pages
  • GitHub 仓库: 可以在本地轻松部署
  • 掘金大赛作品页：欢迎关注我

• 未来展望：我们已经有了更多的想法，比如增加 offer 对比、历史数据追踪、接入更精准的个税模型……“班味儿计算器”的宇宙，才刚刚拉开序幕。

• Call to Action (诚邀你加入) ：

  • 我们诚挚地邀请你体验产品，并在 GitHub Issues 中留下宝贵的意见和建议。
  • 如果你也对用 AI 打造解决实际问题、有趣有料的小产品感兴趣，欢迎关注“Jason的 AI 工坊”。让我们一起，用代码和创意，探索 AI 的无限可能。

拒绝被 PUA，从量化班味儿开始！ 💪