夜雨聆风——不用写一行代码，让Excel数据变成可交互HTML看板
适用场景：HR积分公示 / 绩效排名 / 荣誉墙展示 | 工具：WorkBuddy | 耗时：30分钟
一、为什么写这篇教程？
积分制搞了半年，数据一大堆，但公示效果一直不理想。
以前的做法是：Excel汇总 → 截图 → 发微信群。结果员工瞟一眼就算"看过了"，排名靠后的人连点开的兴趣都没有。更头疼的是，每次都有人私聊问："为什么他比我高？""我的奖券怎么没算？"——解释成本极高。
直到我用WorkBuddy，花了不到30分钟，把Excel台账变成了一个可交互的HTML看板。发出去1小时内，26个人主动查询了自己的积分明细，0条质疑。
这篇教程，把完整过程分享给你。
二、WorkBuddy是什么？
WorkBuddy是一款AI协作工具，核心能力就一句话：你把需求用自然语言描述清楚，它直接帮你生成可运行的代码和应用。
对HR来说，这意味着：你不需要会写代码，不需要找IT排期，不需要学复杂的BI工具。只要能把"我想要什么"讲清楚，WorkBuddy就能帮你做出来。
【核心逻辑】WorkBuddy = 你的需求翻译官 + 代码生成器。你只需要负责"想要什么"和"验收对不对"，它负责"怎么实现"。
三、实操教程：5步做出积分公示看板
步骤1：准备数据（5分钟）
WorkBuddy不是魔术师，数据质量决定输出质量。在输入需求前，你需要先准备好三张表：
• 积分规则表：什么行为对应多少分。比如"主动清洗仓库帘子，获得奖券1张"，而不是笼统的"奖券1张"。事由越具体，公示越有公信力。
• 登记明细表：姓名、日期、分值、事由，四元组缺一不可。我总36780条数据，全部逐条录入。
• 折算规则：1张奖券=100积分，确保跨部门排名口径统一。
【关键点】数据治理这一步不要跳过。很多人生成效果不好，不是AI不行，是数据本身就是"糊涂账"。
步骤2：写Prompt（10分钟，核心！）
WorkBuddy的输出质量，80%取决于你的Prompt写得好不好。不要只扔一句"帮我做个积分看板"，要给足上下文和约束。
以下是我实际使用的Prompt结构，你可以直接套用：
请帮我构建一个积分公示看板，要求如下：【数据说明】- 总人数：50人- 积分记录：36780条数据，包含姓名、日期、分值、事由- 奖券折算：1张奖券=100积分【功能需求】1. 年度积分之星：Top3使用金/银/铜标识，显示折算总分及奖券数量2. 四榜切换：总榜（奖券×100折算）、办公室榜、仓库榜、积分公示明细3. 个人积分档案：点击员工弹出明细弹窗，展示日期、事由、分值4. 特殊标识：非考勤积分（发票、创意提案、主动服务）使用黄色高亮5. 视觉要求：正式而不失活力，适配手机查看，可打印上墙【输出格式】- 可交互HTML单页- 一个文件即可运行，无需后端
【Prompt技巧】描述需求时，尽量用"具体数字+具体场景+具体格式"，少用形容词。比如不要说"好看一点"，要说"蓝白配色，适配手机，可打印"。
步骤3：第一轮生成与验收（5分钟）
把Prompt丢给WorkBuddy，等待生成。第一轮输出通常是一个完整的HTML文件，下载后用浏览器打开即可预览。
验收时重点看三件事：
1. 数据对不对：Top3排名、总分计算、奖券折算是否准确。
2. 功能齐不齐：四榜切换、个人弹窗、特殊标识是否都有。
3. 视觉好不好：手机端是否适配、颜色是否舒服、打印是否清晰。
第一轮我们遇到的问题：奖券只显示"×2"，没有具体来源。员工看了还是不知道"这奖券是哪来的"。
步骤4：迭代优化（10分钟）
WorkBuddy最大的优势就是迭代快。发现问题直接告诉它，不要自己改代码。
以下是我的三轮迭代的完整记录：
迭代轮次 | 问题发现 | 修正指令 |
第一轮 | 仅显示"奖券×2"，员工无法感知来源 | 每条奖券必须挂载真实事由，例如"主动清洗仓库帘子，获得奖券1张" |
第二轮 | 非考勤积分被稀释，特殊贡献不突出 | 非考勤积分（发票、创意提案、主动服务）使用黄色高亮，一眼识别额外贡献 |
第三轮 | 数据依赖汇总表，存在二次计算误差 | 放弃汇总表，直接从153条明细记录逐条渲染，确保数据100%准确 |
【迭代心法】每次只提一个问题，描述清楚"现在的样子"和"想要的样子"。不要一次性提5个需求，否则容易漏改。
步骤5：交付与推广（2分钟）
最终生成的是一个单文件HTML，直接上传到企业微信/钉钉的文档库，或者公司内网，甩一个链接即可。
我发出去后的数据：1小时内，26人次主动查询个人明细，0条质疑反馈。老板的评价是："有企业文化感"。
四、成果展示
以下是我们的看板实际效果（截图位置）：
【图1：WorkBuddy生成看板过程截图——包含Top3荣誉区、四榜切换tab、全员排名列表】
【图2：个人积分档案弹窗——点击员工姓名后弹出的明细窗口，包含时间轴、事由、分值】
【图3：积分公示明细截图——完整的明细表格，非考勤积分黄色高亮标识】
五、这些坑，我替你踩过了
以下是我们踩过的坑和修正方案，建议收藏：
踩坑场景 | 后果 | 修正方案 |
第一版只显示Top10 | 后排员工感觉"不被看见"，挫伤积极性 | 调整为全员上榜，每个人都能看到自己的排名和明细 |
奖券不带来源说明 | 引发质疑，私聊追问成本高 | 每张奖券挂载具体事由，自助溯源 |
办公室与仓库混合排名 | 仓库员工认为考核维度不公平 | 增设分榜：总榜、办公室榜、仓库榜独立展示 |
六、可复制的方法论
把这套流程抽象出来，不仅适用于积分公示，任何"数据→看板"的场景都可以套用：
业务痛点→ 信息架构设计 → 数据治理 → 自然语言需求输出（Prompt）→ AI生成初稿 → 业务验收迭代 → 交付验证
核心认知：AI替代的是执行层（代码、排版），但无法替代需求拆解和验收判断。HR的价值不是"操作数据"，而是"设计体验"。
七、还可以迁移到这些场景：
• 入职体验：从"发文档"到"交互式入职旅程"
• 绩效反馈：从"静态评分表"到"可追溯的贡献时间轴"
• 评优表彰：从"一次性公布"到"实时荣誉墙"
• 培训数据：从"Excel统计"到"可视化学习进度看板"
八、结语
技术门槛在消失，但业务理解永远是护城河。
WorkBuddy这类工具的出现，让HR从"Excel操作员"变成了"体验设计师"。你不需要会写代码，但你必须清楚：员工需要什么、数据怎么呈现、怎么激励才有效。
如果你也在做积分管理、绩效考核、荣誉表彰，强烈推荐试试这个流程。30分钟，一个链接，零质疑。