Agent Harness：数字大屏 Skill，一句话就能生成HTML

你对 Cursor Agent 说一句话，浏览器里就能打开一块数字大屏。

这句话交给 Agent。它按 harness 里的 skill 去做：先选骨架，再填模拟数据，然后跑构建。你先看屏。你看着满意，再换自己的数。缺了图，就再补一句，把图加上。

引用

作者：江枫AGI

篇名：《我的新 Skill：一句话帮你生成数据大屏》

链接：https://mp.weixin.qq.com/s/X_eU18h99p2cSBDQR6ZSEg

仓库：https://gitee.com/scedm/bigdata-dashboard-skill

另一处仓库：https://github.com/AragornZJF/bigdata-dashboard-skill

技能名：bigdata-dashboard

01 为 Cursor 改了这些

原 skill 是按 Claude Code 写的。下面这些改完，Cursor 也能用同一套流程生成大屏。

对照仓库里的 SKILL.md 和 CLAUDE.md，改动是这些。

新增 Cursor 入口 .cursor/skills/bigdata-dashboard/SKILL.md，正文与包根的 SKILL.md 相同。Cursor 加载的是这一份。

SKILL.md 文首删掉 allowed-tools 那段注释。补上「Cursor 运行约定」。

• 资源根是含 scripts/、assets/、references/ 的包根，不跟 .cursor/skills/ 走。
• 命令在资源根执行。产物只写包根下的 output/。
• 终端按 PowerShell 写。Python 用 py，复制用 Copy-Item，预览用 Start-Process。
• 选模板先读 references/templates_menu.md，再用编号列表。
• 流程由当前对话执行，不委派 .claude/agents/。

流程里的写法跟着改了三处。

选模板时去掉 AskUserQuestion，只留编号列表，并写明先读菜单文件。

复制示例从 cp 改成 Copy-Item。

流程 B、指定模板，还有 template_scanner.py 里的 python scripts/...，改成 py scripts/...。

02 skill 先做模拟数据，mock 出大屏

手头没有现成的 Excel，也没有 JSON。skill 还是能先出屏。

选定骨架之后，它按该骨架的字段，当场写一份模拟数据。

模拟数据要能撑起整块屏。时间序列写够长度。日期收到构建当天。数字的量级互相说得通。

文件单独存成 <骨架>_mock_data.json，和以后的真实数据分开。

这份 JSON 交给 scripts/build_dashboard.py。同一条构建命令，产出 HTML。浏览器一打开，就是一块已经填好数的大屏。

我这次数据中心和营收都是这样 mock 的。先有模拟 JSON，再有页面。

屏上的数，不是任何公司的经营结果，而是用来看布局和风格。

你看着满意，再换真实 JSON 或 Excel。骨架不动。

03 两句话，两块屏

第一句是营收数字大屏。提示词是：

用 revenue 模板做一版营收数字大屏，先出 Mock，放在20261107文件夹下，请落盘。

骨架用 revenue。

模拟数据在 20261107/revenue_mock_data.json，页面在 20261107/revenue_dashboard.html。

标题是「2026 年度全国销售额实时监测大屏」。累计销售额 11,350,000,000。

三块仪表里，目标完成率 91，回款率 86。同比增长 14。

大区第一是华东，28.6 亿。

第二句接着来。提示词是：

很满意！请再生成一份数据中心监控大屏，放在20261107文件夹下，请落盘。

这次骨架是 data_center。模拟数据写在 20261107/data_center_mock_data.json。页面是 20261107/data_center_dashboard.html。

标题写成「智能大屏数据中心」。

四张卡里，服务器 1,286 台。存储使用率 78.4%。今日访问 528,000 次。平均响应 38 ms。

访问量 15 个点，从 10 月 24 日到 11 月 7 日。

两块都是模拟数据先出屏。你先看满不满意，再决定要不要换真表。

04 再补一句，加上中国地图

数据中心这句，提示词是：

@data_center_dashboard.html 请把这个收入数字大屏，在正中间增加中国地图。请生成为一个新的大屏文件，放在20261107文件夹下。

新文件是 20261107/data_center_map_dashboard.html。正中加上中国地图。六个机房用涟漪散点。华北、华东在图上。华南和西南也在。华中、西北同样标了。

原来的 data_center_dashboard.html 留着。

营收再补一句。提示词是：

@revenue_dashboard.html 请将输入数字大屏也增加中国地图，放在正中间。请落盘为一个新的大屏文件，放在20261107文件夹下。

新文件写成 20261107/revenue_map_dashboard.html。正中标题「全国销售额分布」，十个省按销售额填色。

原来的 revenue_dashboard.html 留着。

写在最后

Cursor Agent 读这条 harness skill。你一句话，就能出数字大屏。

我用它跑通了数据中心，也跑通了营收，又补上中国地图。

屏上的数仍是模拟数据。换真实表之前，你先看这一版满不满意。