Lieflat Charts 实战教程

第 1 章 · 半小时，出第一张能打开的 HTML 图

先说人话：Excel 默认图像小卖部小票——有数，但不体面。Lieflat Charts 要的是打印店宣传单那种：标题、旁注、留白都在说话，双击 HTML 就能看。

本章只做一件事：装好 → 照抄提问 → 拿到一张 HTML 图。

安装包免费。后面章节才拆选型与报告。用的时候请保留 LICENSE / NOTICE。上游是非商业许可，你若公司商用，自己去谈授权。

---

你大概会卡在哪

1. 不知道解压到哪个 skills 目录；
2. 一开口就要「完整报告」，其实只需要一张图；
3. 助手跳过 catalog，随手编一个「像那么回事」的假模板。

---

1. 装进 Cursor（约 5 分钟）

1. 登录 SkillBazaar，打开免费 Skill「Lieflat Charts 数据可视化」，下载 zip。

2. 解压到 skills 目录，常见路径：

   ~/.cursor/skills/lieflat-charts

   打开后应能看到 SKILL.md、catalog.md、templates/。没有的话，目录放错了。

3. 新开一轮对话。需要时 @lieflat-charts，或说：「请读取 lieflat-charts 这个 Skill。」

小检验：问助手「catalog.md 里大概有几类图型？」——它能说到 Lupi / Basics / Glance，就算装上了。

---

2. 照抄这段提问

先准备一小段真实数据（表格、CSV 要点、或几条结论也行），然后说：

使用 lieflat-charts：把下面数据做成一张适合发公众号长文的中文 HTML 图表。
默认先在 Lupi Editorial 和 Lupi Basics 里选型；两组都不合适再考虑 Glance。
输出单个可双击打开的 HTML 文件；保留真实单位；图注与来源写清楚。不要生成整页报告。

把你的数据贴在后面即可。

万一它「不听话」

• 直接交了一份年报式长文 → 说：「这是图表模式，不要用 R01–R12 报告模板。」
• 图型是瞎编的 → 说：「必须从 catalog.md 对应的 templates 真实卡片实现，禁止虚构图型。」
• 颜色花里胡哨乱混 → 说：「同一份交付只锁定一种色彩系统；不确定就用 Mono。」

---

3. 本章验收清单

• skills 目录里有 lieflat-charts/SKILL.md 与 catalog.md
• 得到一个能用浏览器打开的 HTML 文件
• 图上能看出真实单位 / 标题或旁注，不像随手贴的默认库皮肤
• 你知道下次至少要改提示词里的：数据 / 场合（公众号还是周报）/ 要不要报告

四项勾上，第 1 章结束。后面教你怎么点「菜名」（Lupi / Glance / Basics）、怎么上色、怎么出报告、翻车怎么救。