实习项目作品

从一份制度文件
到一套生产系统

主管要求我用 Vibe Coding 落地公司绩效考核方案,3天完成从需求分析到系统上线,服务全公司员工的绩效考评全流程。

访问线上系统 →
3天
从方案到上线
6大模块
完整考评闭环
100+人
实际生产运行
5万+
替代SaaS年费

项目背景

一份考核方案文档,如何变成一套服务全公司的生产系统?

起点:一份绩效考核方案

在实习期间,主管撰写了公司绩效考核方案,详细规定了考核周期、评估维度、流程规则和分布约束,并要求我用 Vibe Coding 的方式将方案落地为线上系统。

飞书绩效模块报价5万+/年,且无法满足公司定制化需求。我通过 Claude Code 辅助开发,独立完成了整个系统的落地。

从理解业务方案、设计系统架构到编码实现、部署上线,全部由我独立完成,3天交付上线。

系统Dashboard总览

业务流程设计

基于考核方案设计的六阶段闭环考评流程,覆盖从自评到申诉的完整生命周期。

1

个人自评

员工回顾周期工作,撰写自评总结

全员参与
2

360环评

同事匿名互评
业绩/协作/价值观

提名审批制
3

上级评估

直属主管多维度综合评价

50%业绩+30%能力+20%价值观
4

绩效校准

HRBP统一校准等级分布

强制正态分布
5

面谈反馈

一对一绩效沟通,员工确认签字

双方确认
6

结果申诉

对结果有异议可发起申诉

公平保障

系统功能展示

每个模块都围绕实际业务场景设计,支持不同角色(员工/主管/HRBP/管理员)的差异化操作。

Dashboard 总览

  • 角色化待办展示,不同角色看到不同任务卡片
  • 考评周期状态实时同步,一目了然当前阶段
  • 快速跳转至对应模块,减少操作路径
Dashboard

个人自评

  • 员工在线撰写周期工作总结与自我评价
  • 草稿自动保存,随时编辑提交
  • HR可批量导入历史自评数据
个人自评

360环评

  • 提名 -> 主管审批 -> 被提名人确认,三步流程保障评估质量
  • 匿名评分:业绩产出/协作配合/价值观践行多维度
  • 评分汇总自动计算,管理者可查看多视角画像
360环评

上级评估

  • 三维度加权评分:业绩产出50% + 个人能力30% + 价值观20%
  • 能力细分:综合能力 + 学习能力 + 适应能力
  • 结合员工自评与360反馈,提供评估参考依据
上级评估

绩效校准

  • 星级分布可视化图表,实时展示当前分布比例
  • 强制正态分布约束(5星<=10%, 4星<=20%, 3星>=50%)
  • HRBP在线调整等级,系统自动校验比例合规
绩效校准

面谈与申诉

  • 主管在线记录面谈内容,员工确认签字
  • 员工对结果有异议可发起申诉,填写申诉理由
  • HR在线处理申诉,全流程可追溯
面谈与申诉

多角色视图对比

同一个系统,不同角色看到完全不同的界面和待办事项。

员工视角
员工视角 — 看到自评、环评、申诉
管理员视角
管理员视角 — 看到全部6个模块
环评评分界面
360环评 — 实际评分表单(1-5分多维度)
上级评估详情
上级评估 — 查看员工自评与360汇总后给出评价
申诉管理
申诉管理 — HR处理员工绩效申诉
使用指南
使用指南 — 流程时间轴 + 角色操作指引
面谈记录
面谈记录 — 主管记录一对一绩效面谈
系统管理
系统管理 — 考核周期配置与员工管理

项目价值

从业务视角衡量这个系统带来的实际价值。

💰

成本节约

替代飞书绩效模块,为企业节省5万+/年的SaaS费用,且支持深度定制

效率提升

全流程线上化运行,消除纸质表格和Excel汇总的人工操作与出错风险

⚖️

合规保障

强制正态分布、审批链条、匿名评估、申诉机制,确保考评公平透明

🔄

可持续复用

按考评周期管理,支持未来多期考评复用,沉淀组织绩效数据资产

技术选型

采用现代Web技术栈,3天完成从零到上线。

Next.js 16 React 19 TypeScript Tailwind CSS Prisma ORM SQLite / Turso NextAuth v5 飞书 OAuth Docker Vercel

通过 Vibe Coding 方式高效开发,体现 AI-first 工作理念

开发日志:37次迭代,3天上线

以下是真实的 Git 提交记录 + Claude Code 开发日志,完整记录了从零到上线的全过程。

Day 1 - 3月20日 系统搭建
16:13 UI全面修复 - 系统基础界面搭建完成
16:19 fix: 移除不存在的样式导入
16:38 fix: 添加postcss和next配置,修复构建问题
Day 2 - 3月22日 核心功能开发
11:08 feat: 对齐绩效系统与考核方案文档内容(43处差异修正)
11:24 feat: 展开重要内容 + 移除环评人上级确认流程
11:42 feat: 流程总览加日期 + 面谈记录和团队评估改为单列布局
12:11 feat: 文字排版卡片化 + 预览模式可交互不可提交
12:30 fix: 统一视觉风格,去除彩色卡片,改为单色分隔线布局
20:48 feat: 团队评估页面30秒自动刷新360环评数据
21:03 feat: 个人能力拆为3个独立评分(综合/学习/适应),1:1:1加权
21:07 feat: 价值观评估加入完整4条行为描述
21:09 feat: 面谈记录和绩效申诉导航项定时自动解锁
21:19 fix: 流程总览重写——修正文字描述、时间、改为色块条形时间轴
21:27 feat: 流程总览改为节点+连线时间线,单色调专业风格
Day 3 - 3月23日 打磨上线
11:24 fix: 预览模式下允许叉掉360评估人(UI探索交互)
11:43 feat: 操作指南按角色分级显示——员工/主管/管理员
11:50 feat: 系统管理员工列表加搜索框
16:42 feat: 用户水印、性能优化、申诉文案修改
16:53 feat: 申诉页面顶部添加常驻提示文案
17:07 feat: 未开放的菜单项显示带锁图标,到时间自动解锁
17:56 feat: UI优化 - 移动端侧边栏、环评加载态/进度条、确认弹窗
37次 Git 提交
3天开发周期
Claude CodeVibe Coding 开发
43处方案对齐修正
我相信HR的未来是数字化的。
我不仅理解业务流程,更能将它变成现实。
📱 18673129182 💬 微信: xjt18973111415 🐙 GitHub: CuiSheng-TAO