上次咱在”小妙招:如何用手机Kimi生成Excel数据看板“那个视频里唠过,你在去拜访客户的路上用Kimi手机APP配上K2大模型能整出贼拉风的HTML数据看板,不过老实说,里面的数据都是瞎编的。你猜怎么才能看出这些数据是在忽悠人的呢?
小吾找到个超管用的小技巧——就是用靠谱的AI编程工具搭配靠谱的大模型来检验。比如用Windsurf搭配Claude Sonnet 4这个大模型来搞定看板数据准确性检查,贼好使!
对了,前段时间OpenAI想收购Windsurf时,Windsurf里的Claude暂时歇菜了。好消息是Cognition公司现在收购了Windsurf,所以咱又能愉快地在Windsurf里用Claude Sonnet 4了。
有人可能会问,为啥不用Cursor呢?因为从7月中旬开始用Cursor的时候老报”大模型厂商没给你们那嘎的提供服务”的错误。虽然可以通过把Cursor网络设置里的HTTP兼容模式改成HTTP/1.1来应急,但这毕竟不是长久之计。小吾亲自手动核对了这80条数据,真心可以说Windsurf+Claude Sonnet 4验证做得超给力!
整个过程就3步走。因为Windsurf只能在电脑上装,所以下面这些步骤你得搞个电脑才能搞定。
第1步:在电脑上安装Windsurf
想装Windsurf?超简单!只要在电脑浏览器里敲”windsurf.com“就能进官网啦。瞧见那个大大的下载按钮没?点它!然后去下载文件夹找到安装包,双击一下,接着就是点啊点,”下一步”、”确定”啥的,分分钟就搞定啦!好消息是Windsurf可以免费玩2周,之后每月要花15美刀,国内信用卡随便刷,比Cursor便宜5块钱美金呢,真香~

第2步:准备好待修正的数据看板HTML代码
咱先在电脑终端里给这个数据准确性验证项目搞个空目录吧。想打开终端?超简单!Windows 11用户只要按一下键盘上的Win键(就是空格键左边那个带窗户图标的键)打开搜索框,敲个”cmd”回车就搞定啦,”命令提示符”界面就蹦出来了。Mac用户呢,按Cmd+空格调出”聚焦搜索”,输入”terminal”回车,终端就乖乖出现了。打开后系统默认会把你带到home目录,咱就在这儿运行下面的命令创建个叫”verify-html-dashboard-data”的空目录,然后进去,再打开Windsurf。
# 创建空目录
mkdir verify-html-dashboard-data
# 进入空目录
cd verify-html-dashboard-data
# 打开Windsurf(注意最后的“.”代表让Windsurf在当前目录打开项目,不要忘记输入)
windsurf .
打开Windsurf后,最好把它升级到最新版(小吾用的是1.11.1版)。嫌麻烦的话也可以直接跳过这步啦。在Windows 11上,只要点一下右边菜单里的Help → Check for Updates…就能升级,Mac用户的话,点击左边菜单里的Windsurf → Check for Updates…就搞定啦。
接着咱们在Windsurf里创建个空文件来存HTML代码。Windsurf界面左上角的目录名”VERIFY-HTML…”右边有几个按钮。点击左边那个”New File…”按钮,然后在弹出的小框里输入”html-data-dashboard-by-kimi-with-k2.html”给文件起个名字就行了。
接下来把Kimi整出来的HTML代码拷过来粘到这个空文件里,准备大改特改啦。

先在电脑上打开浏览器,登录你的Kimi账号(超简单的啦!),然后翻一翻找到咱上期那个”小妙招:如何用手机Kimi生成Excel数据看板“视频里面搞出看板的那次聊天。看到Kimi回答的HTML代码区没?瞧瞧右上角那个”Copy”小按钮,点它!代码就被拷贝下来啦,贼方便!

回到Windsurf,打开咱刚才整的那个”html-data-dashboard-by-kimi-with-k2.html”文件,往里面一粘贴(Windows猛击Ctrl+V,Mac拍一下Cmd+V)刚抄来的HTML代码就搞定啦!别担心保存不保存的问题,这玩意儿贼聪明,自动保存的啦~想瞅瞅这个看板啥样?超简单!随手在文件管理器里双击一下这文件,哗啦一下就用浏览器打开啦,美!

第3步:生成数据准确性验证报告
开动前先得把老板通过微信甩过来的Excel文件下载到咱们的verify-html-dashboard-data文件夹里,这样Windsurf才能找着它。然后双击把左边那两个文件都点开,这样等会儿写提示词的时候好引用它们。接着在右边那块聊天区域上面点一下”+”号,整出个新对话窗口。记得瞄一眼下面是不是”Write”模式啊,还得确保选的是”Claude Sonnet 4″这个超级大脑。接下来就是粘贴提示词啦!提示词有点小长,你可以去评论区扒拉一下,要不就去小吾GitHub上看看(账号就是wubin28),就藏在那个”verify-html-dashboard-data”代码库的verification.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代码,确保所有图表在手机浏览器中能完整显示。
如果在验证过程中需要保存一些中间文件或结果报告,可以在项目根目录下创建。
提示词后半段那个”数据分析报告生成提示词”是干嘛用的?嘿,其实就是让Claude这个大聪明按这个标准去查答案呗!不然它哪知道这看板是咋整出来的,那验证起来就犯难了。对了,记得那两个带”@”的文件名左右都得空一格,别粘一块了,系统认不出来就尴尬了~

复制粘贴好提示词后一敲回车,windsurf就嗖地干活啦。干活时要是windsurf冒出来问你确认,就随手点”Accept”或”Accept all”放它过去就成。最后,windsurf给咱整出了这么个验证结论:Kimi配K2大模型搞的那数据看板,只有记录数算对了,其他分析结果全是错的,数据偏得老远了。
这结论可得好好用,是咱下一步改数据的金钥匙啊。所以小吾把刚才那段提示词和windsurf回的结论都存成个叫verification.md的小文件,等会儿提示词里直接引用,省事儿!要保存这个文件最省事的做法,就是点Windsurf提示词输入区右上角的“…”按钮,选”Export“,然后把文件名改为verification.md,并选择verify-html-dashboard-data目录保存即可。

数据量才80条,觉得Windsurf说的不靠谱?随便用手指头数数自己算算呗!小吾已经一条一条核对过了,告诉你,Windsurf这家伙没撒谎,验证报告准得很!
想知道Windsurf比Cursor强在哪儿?来瞅瞅伍斌老师新出版的氛围编程泡泡书《氛围编程:AI编程像聊天一样简单》第3.7节“用Windsurf搭配o3-high-reasoning生成HTML数据看板”呗,里面啥都讲清楚啦!

有没有人想过——既然Windsurf配上Claude Sonnet 4这么牛X,咱们何不让这对黄金搭档直接拿着验证报告把那HTML看板上的错数据给修得妥妥的?没毛病!咱下期“小妙招:如何根据Excel修正HTML看板错误数据”视频就唠这个,敬请期待哈~