小妙招:如何根据Excel修正HTML看板错误数据

上次我们在那个”小妙招:Excel验证HTML看板数据“的视频里扯过,你用电脑上的Windsurf加上Claude Sonnet 4这个超级大脑,配合Excel数据和一堆提示词,把手机Kimi生成的HTML看板数据给查了个底朝天,还整出了份验证报告。那要是你再让Windsurf和Claude Sonnet 4这对黄金搭档根据这份报告把看板里那些乱七八糟的数据都修正了,不就能底气十足地把看板甩老板脸上了嘛!

咋修正呢?超简单,搞定它只需3步,就是这么666!

第1步:用Windsurf打开看板数据验证项目

刚刚按照上期视频搞定了验证报告,Windsurf还开着?太棒了,直接跳到第2步就行!

还没有那个花里胡哨但数据瞎扯的HTML看板?也没有验证报告?别急,回头看看小吾前两期视频”小妙招:如何用手机Kimi生成Excel数据看板“和”小妙招:如何根据Excel验证HTML看板数据准确性“,跟着做一遍,然后再回来继续。

OK,现在到电脑终端里找到verify-html-dashboard-data这个文件夹,然后在这里启动Windsurf就可以了。

第2步:准备好提示词

咱先去Windsurf里找那个要修的html-data-dashboard-by-kimi-with-k2.html看板文件点开,再顺便把verification.md也打开,这样等下写提示词就能直接用它们啦。

然后在Windsurf右边那块地方右上角点一下”+”,搞个新对话出来。瞄一眼提示词框下面有没选”Write”模式,记得用”Claude Sonnet 4″这个超级大脑哦。接下来就是贴提示词了!提示词有点长,你可以去评论区找找,或者直接去小吾GitHub上瞅瞅(小吾的账号是wubin28),就在”verify-html-dashboard-data”那个代码库里的fix-the-data-errors.md文件里。

我有两个文件:一个Excel文件 @[first-80-rows-agentic_ai_performance_dataset_20250622.xlsx] ,以及一份基于该Excel文件生成的HTML格式数据分析报告 @[html-data-dashboard-by-kimi-with-k2.html]  。请帮我全面验证这份HTML报告中的所有给出的分析结果是否与Excel原始数据相符。请按HTML报告中分析结果的顺序逐一核实。如有不一致,请告诉我基于Excel数据应得出的正确分析结果。另外,这份数据分析报告是基于下面的提示词生成的,请你参考这份提示词,以便核实。不过请注意,下面的提示词只供你验证HTML报告中的那3个核心问题。报告中所有其他的数据需要你单独从Excel文件中解读并验证。

下面是生成数据分析报告的提示词:我有一个Kaggle数据集"Agentic AI Performance Dataset 2025” #first-80-rows-agentic_ai_performance_dataset_20250622.xlsx ,主要关注AI智能体表现的3个问题:(1)支持多模态处理(multimodal_capability)的智能体类型(agent_type)在该智能体类型中的占比从大到小排名前三的智能体类型是那三个?;(2)支持多模态处理(multimodal_capability)的大模型架构(model_architecture)在该大模型架构中的占比从大到小排名前三的大模型架构是哪三个?;(3)各种智能体处理任务(task_category)各自的智能体表现的公正性(bias detection)的中位数从高到低排名前三的是哪三种智能体处理任务?我希望将这个数据集可视化,请帮我读取提供的Excel文件,在#trae-2-0-2-with-claude-sonnet-4目录下生成一个HTML格式的综合数据看板。看板应包含数据可视化设计,并显示你实际处理的数据集总记录数(本数据集共80条数据,请只显示你实际读取并处理的数据行数)。请使用浅色调设计看板,提供可直接运行的HTML静态代码。无需提供动态效果或使用静态图片,也不要依赖加载Excel文件来运行HTML代码,确保所有图表在手机浏览器中能完整显示。

如果在验证过程中需要保存一些中间文件或结果报告,可以在项目根目录下创建。

第3步:在提示词中引用文件并提交

把提示词贴好后,把鼠标挪到那两个带”@”的文件位置,然后从跳出来的小菜单里点一下对应的文件,这样Windsurf才能认出这些文件啦。

f-01-fix-the-data-errors-using-windsurf-with-claude

一按回车提交提示词,Windsurf马上就把那堆乱糟糟的数据全搞定了!看看前后对比图,差别超明显好吗——Kimi搭配K2大模型整出来的数据看板,说真的,准确性?惨不忍睹啊!那数字简直是牛头不对马嘴,八杆子打不着!

f-02-compare-the-data-dashboards-after-fixing

搞定啦!数据错误全修正完毕,现在这份看板妥妥地可以丢给老板看了,绝对不会出丑!

想知道更多用AI玩转Excel数据可视化的骚操作?翻翻伍斌老师新出版的氛围编程泡泡书《氛围编程:AI编程像聊天一样简单》第3章”用Windsurf等5款工具可视化数据”,里面有超多实用技巧等着你!

vibe coding in action 《氛围编程:AI编程像聊天一样简单》封面
《氛围编程:AI编程像聊天一样简单》封面

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部