5分钟做数据看板Skill，零基础小白直接抄
用 skill-creator 技能包 + 任意支持本地 Skill 的 Agent 工具，零代码 5 分钟生成可交互、可更新数据的企业级 HTML 数据看板，把运营人的周报痛点从”学半天 Tableau/凑丑 Excel 图”变成”上传表格 → 提需求 → 挂技能包”三步出结果。
基本信息
- 来源：人人都是产品经理（woshipm.com），作者伍德安思壮，微信公众号「时间之上」，128 篇作品、72 万总阅读量的互联网老兵
- 发布日期：2026-07-10
- 原文链接：https://www.woshipm.com/ai/6427548.html
- 类型：零基础实操教程 / Skill 应用案例
- 核心工具：skill-creator、interactive-dashboard-builder 子技能、Coze / WorkBuddy / Codex 等 Agent
- 面向人群：做运营、做自媒体、跑业务、需要出周报/月报但不会写代码的非技术人员
核心观点
-
零代码 5 分钟生成企业级看板是真实可行的：借助 skill-creator 技能包 + 任意支持本地 Skill 加载的 Agent 工具，非技术用户上传 Excel/CSV → 输入需求 → 挂技能包，1-2 分钟即可生成一个下载即用的 HTML 交互看板，颜值和交互接近专业 BI 工具水准。
-
技能包是质量分水岭，90% 新手会漏掉这一步：不加技能包 AI 也能写 HTML，但”质量波动极大，全看模型当天发挥”（样式丑、有 Bug、交互稀烂）；装上 skill-creator 相当于给 AI 套了一套标准化专业工作流，布局、交互、样式都有成熟模板，输出稳定不出错。这是普通 Prompt 与 Skill 效果差异的直观案例。
-
HTML 看板的关键价值是”真交互 + 可复用”，不是静态截图：生成的看板支持鼠标悬停出数值标签、筛选器联动刷新所有图表、自适应屏幕；更重要的是页面自带「上传文件」按钮，下次数据更新时直接打开 HTML 上传新表格即可全量刷新——相当于花 5 分钟做了一个可永久复用的看板工具，而非一次性图片。
-
提示词越具体，成功率越高：作者给出可抄的结构化模板——明确页面结构（全局筛选区 / KPI 指标卡 / 4 个图表区 / 数据明细表）、交互功能（实时筛选联动、一键重置、上传文件更新）、展现形式（HTML 输出）。反面是”做个好看的看板”这类笼统描述，好看标准因人而异，效果不可控。
-
表格数据的”干净度”直接决定 AI 读取成功率：第一行必须是清晰单行表头（如「日期」「粉丝数」「新增关注」「转化率」），禁止合并单元格、多级表头、中间插空行/备注/彩色标注。AI 读表格能力有边界，“表头 + 纯数据”格式效果最好。
实操内容保留
操作步骤（3 分钟三步出结果）
前期准备（2 分钟）：
- 下载 skill-creator 技能包：去 GitHub 找 anthropics 官方 skills 仓库，点右上角「Code」→「Download ZIP」下载整个压缩包（不用解压、不用安装）。也可直接用专门做看板的子技能
interactive-dashboard-builder，效果更精准。 - 注册一个 Agent 工具：Coze（扣子）、WorkBuddy、Codex 任选其一，只要支持加载本地 Skill 技能包、能聊天、能传文件即可。
正式制作（3 分钟三步）：
- 第一步：上传本地表格文件：整理好 Excel（.xlsx）或 CSV 数据，在 Agent 对话框点回形针附件按钮上传，等它读取完成。
- 第二步：输入提示词说清需求（见下方模板）。
- 第三步：添加 skill-creator 技能包（最关键）：两种方式效果一样——① 点对话框侧边「技能」按钮 →「创建技能」→「本地上传」ZIP →「添加」到当前对话；② 输入框打「/」弹出技能列表，找到 skill-creator 点一下加入。添加成功后点发送，等 1-2 分钟生成完整 HTML 文件，下载双击打开。
Prompt 模板（可直接抄）
基于上传的表格数据，设计一个与表格数据实时互动的数据看板Skills，内容如下：
1、页面结构
– 全局筛选区：订单号、下单日期、含查询和重置按钮
– KPI指标卡：订单总量（大数字显示）+ 订单总价（¥累计金额）
– 图表区（4个）：城市订单分布（横向柱状图）、付款方式占比（饼图）、
订单来源分布（饼图）、用户级别分布（饼图）
– 数据明细表：全部字段，支持滚动查看，最多显示前200条
2、交互功能
– 实时筛选联动：任意筛选条件变化后点击"查询"，KPI、4个图表、明细表全部同步更新
– 一键重置：清除所有筛选条件，恢复全量数据视图
– 上传文件：支持上传本地表格文档，上传成功后实时更新动态看板数据
3、展现形式
– 看板以HTML格式输出
新手避坑 4 条（成功率拉满）
- 表格别搞太复杂：合并单元格、跨行标题、彩色标注、内嵌小图表都会让 AI 读错数据，给最朴素的”表头 + 纯数据”效果反而最好。
- 提示词别太笼统：直接说要几个 KPI、要什么图表、什么风格、什么配色，越具体越符合预期。
- 技能包一定要加：不加质量波动极大，加了 skill-creator 是标准化输出。
- 有 Bug 直接说，不用自己改：图表错位、数据算错时，直接在对话框说”XX 地方有问题，帮我修正一下重新生成”，AI 会快速出新版，不必自己打开 HTML 改代码。
原文精彩摘录
做运营、做自媒体、跑业务的朋友，应该都有过这种痛苦：手里一堆粉丝增长、销售额、流量来源、转化漏斗的数据，想整个像样的数据看板，要么得学半天 Tableau，要么用 Excel 凑出来的图丑得没法发群里。找技术同事帮忙？人家忙得脚不沾地，等排期黄花菜都凉了。
光靠 AI 自己瞎写代码，写出来的看板要么样式丑、要么有 Bug、要么交互稀烂。装上 skill-creator 技能包，相当于给 AI 套了一套专业标准工作流，输出质量直接拉满。
页面上自带「上传文件」按钮，你下次数据更新了，不用重新走一遍生成流程。直接打开这个 HTML，点按钮上传新的表格文件，页面里所有 KPI、图表、明细表会自动同步刷新。相当于你花 5 分钟，做了一个可以永久复用的数据看板工具。
本文介绍的只是 skill-creator 最基础的一个用法。除了数据看板，还能做 PPT、生成报告、写文档、做网站。但我还是建议你先把数据看板这个练会，这是最刚需、最能立刻提升效率的场景。
关键概念
- 数据看板：本文的核心产出物——可交互、可更新的 HTML 数据可视化面板
- skill-creator：Anthropic 官方元技能，本文的核心工具包
- Skill：技能包机制，本文是”加不加 Skill 决定输出质量”的直观案例
- Coze：文中推荐的支持本地 Skill 加载的 Agent 工具之一
- WorkBuddy、Codex：另两个可选 Agent 工具
与其他素材的关联
- 与 2026-07-01-woshipm-bi-to-ai-data-dashboard（从 Excel 到 BI 再到 AI：数据大屏进化史）形成”演进史 vs 平民实操”的互补视角：前者讲数据大屏的技术演进脉络，本文讲非技术人如何用 Skill 一步到位。
- 与 2026-06-29-bnext-anthropic-17-claude-skills、2026-05-11-claude-code-6-skills 呼应：官方 17 个 Skill 中的 skill-creator 元技能，在本文里被用作”让普通人自制看板 Skill”的入口。
- 与 2026-05-20-agent-skills-intro-claude-opus 的”HTML 信息图生成器”案例同源——都是用 Skill 把”AI 生成 HTML 可视化”标准化，本文更偏零基础平民视角。