📖 文章导读：
AI生成的图表为何总缺高级感？因为只翻译了数据，缺乏编辑思维。本期实测GitHub热门Skill“Lieflat Charts”，它能要求AI先理解数据形状与阅读需求，再匹配四大图表体系与色彩系统，生成精致、可交互的HTML图表或报告。虽具一定专业门槛，但不失为一个专攻行业报告、商业分析等复杂数据的提效利器。
先问个问题：你让 AI 生成过图表吗？
用过的话，结果大概率是——能用，但离商业级的高级感还有距离：饼图永远居中、AI那几套配色、标题字号和轴标签不分家。数据是准的，图是廉价的。
为什么？
因为 AI 做图的默认逻辑是把数据画出来，而设计师做图的逻辑是让人看懂，并且愿意看完。
前者是翻译，后者是编辑。
同一组涨跌数据，画成柱状图是给老板三秒扫完的，画成逐日散点带旁注的，是给研究员慢慢读的——数据没变，读者看它的时间变了，目的需求有差异。
对于时间预算的意识，恰恰是模型最缺的东西。
Lieflat Charts（躺平图表）这个Skill，就是来解决这事的:
让 AI Agent 把数据做成精致、可交互、像编辑出版物的 HTML 图表。
这是一套面向 AI Agent 的数据可视化 Skill，不只是提供几种漂亮的图表模板，而是试图明确要求 AI 先判断数据形状，再进行模板选择。在正式生成之前，需要比较候选图型，评估语义契合度、单位诚实度、标签容纳、阅读速度和叙事张力。
有了这套 Skill，AI 真的能够“理解数据”了吗？本期实测，302.AI将通过实际案例，看看它能否改变 AI 做数据可视化的方式。
1. Lieflat Charts Skill 基础信息
作者：lieflat
GitHub 链接：https://github.com/larashero3-dotcom/lieflat-charts
1. 什么是 Lieflat Charts Skill？
Lieflat Charts 是一套面向 AI Agent 的数据可视化与报告生成 Skill。它可以运行于 Claude Code、Codex 以及其他兼容 SKILL.md 的 Agent，也可以在 Moxt 中直接使用。默认情况下，用户只提供数据或提出“做图、可视化、分析数据”等需求时，它会进入图表模式；只有明确要求报告、年报、白皮书、海报等完整叙事交付时，才会切换到报告模式。
2. Lieflat Charts Skill 有何特色？
- 先理解数据，再画图
一般数据可视化工具的基本逻辑是：选择柱状图 → 填数据 → 调颜色
而 Lieflat Charts 的工作逻辑则更接近：
理解数据 → 判断数据形状 → 比较候选图型 → 锁定真实模板 → 组织叙事 → 渲染 → 自检
Skill 会要求 AI 先判断数据属于什么形状，再比较合适的图表模板。即使需要制作多张图，也不能为了凑数量而强行寻找不同图型。同时，它对图表的呈现方式也有比较严格的约束。比如柱状图要求长度与数值保持真实比例，不鼓励通过截断坐标轴制造夸张的视觉差异；遇到极端值时，也会优先考虑主图 + 放大图等方式处理。
- 四大核心图表体系
| 类型 | 图表特点 | 适配场景 |
| Lupi Editorial | 细线、点阵、真实单位、旁注、大量留白 | 长文、论文、年报、数据故事 |
| Glance | 粗柱、大数字、色块、清晰排序 | 汇报、周报、Dashboard、快速阅读 |
| Lupi Basics | 柱状、折线、面积、环形、散点等熟悉图型的编辑化重构 | 常规数据分析、结构简单的数据 |
| Interactive | 网络、路径、高密度关系 | 关系网络、复杂连接数据 |
- 3 套色彩系统 + 12 套报告模板
Lieflat Charts 默认拥有一套 Mono 灰阶视觉语言，以纸灰和炭黑为主，并强调“明度即数据”。
在此基础上，最新版本又加入了三套彩色预设：
- Porcelain · 青瓷蓝：适合有序数据和单序列
- Palm · 椰林绿：适合少量无序类别
- Wire · 编辑部红：适合需要一个明确视觉焦点的数据场景
Skill 会根据数据结构和使用场景自动判断色系。如果用户明确指定品牌色，也支持建立 custom 色板，并要求同一份交付保持统一色彩系统。
近期更新支持在单张图表之外，直接从 12 套整页报告模板生成 HTML 报告。
每套模板都提供中文版和英文版，覆盖调研报告、研究简报、业务数据报告、财报与金融经济分析、产品记录、dashboard、海报，以及运动、旅行和年度生活数据记录等从工作到个人的需求。模板名称代表版式性格，不是使用场景的限制；同一套模板可根据数据结构迁移到不同类型的报告。
2. 安装使用 Lieflat Charts Skill
Impeccable Skill 支持：Codex, Cursor, Claude Code
以下教程针对302.AI客户端进行演示，还未下载安装的用户可前往https://studio.302.ai/zh进行下载。
1. 安装 Skills
打开客户端「设置」菜单，找到「Skills」页面，点击右上角「安装」按钮。
302.AI支持4种模式对Skills进行安装，这里我们使用GitHub链接的方式。
https://github.com/larashero3-dotcom/lieflat-charts/blob/main/SKILL.md
导入上述链接，即可零配置，自动完成安装。
2. 激活使用 Skills
在新窗口，选择好自己希望使用的模型后，选择「Vibe模式」，点击「搜索Skills」按键选择需要激活使用的Skills.
找到你想要调用的skill，点击「使用」
回到首页，即可看到已激活技能。
3. 实战案例
案例 1：Glance-速览图
任务目标：制作一张新赛季英超五支俱乐部转会支出的图表
提示词：
Use lieflat-charts to create a Glance-style chart from this data. Chart intent: 3-second verdict on who really spent big in the Premier League summer 2026 window — rank by NET spend, not gross.
Data (in £ millions, Sky Sports figures, updated 2026-09-02): Manchester City: spent 440.3, received 314.9, net +125.4 Chelsea: spent 342.4, received 409.7, net -67.3 Liverpool: spent 250.1, received 30.7, net +219.4 Arsenal: spent 198.5, received 61.9, net +136.6 Manchester United: spent 163.0, received 45.0, net +118.0
Title: “谁才是这个夏天的真金主？” Subtitle: 按净支出排序 · 毛投入排序会骗人 Annotation on Chelsea: 卖出榜第一（Enzo £125m 等），唯一账面盈利 Annotation on Liverpool: 几乎只买不卖，净支出全联盟第一 Color: Wire preset (mono + one accent). Single-file HTML output.
资产交付：
案例 2：Lupi Editorial-数据榜单
任务目标：为302.AI模型榜单制作可视化数据图：1.横向排名图 2. 四维能力矩阵 3.逻辑×编程散点图
制作流程：
读取和理解数据，完成三张图标制作，整合输出为一个html文件。
新增需求：应用Porcelain青瓷蓝主题色，选取3个模型新增能力剖面图。
资产交付：
一份可视化数据图html文件
新增任务目标：自动匹配报告模板，输出302.AI多模态模型分数榜单可视化报告
制作流程：
模型自主进行设计决策，选取Wire·编辑部红配色，输出四种图型，自动生成标题、自动统计数据形成摘要。
资产交付：
一份报告html文件
案例 3：Lupi Editorial-数据报告
任务目标：根据链接内的公开数据（https://www.stats.gov.cn/sj/zxfb/202609/t20260909_1965263.html）生成一份 CPI 月度解读报告。
制作流程：
模型自动分析数据，创建主题和摘要、选择图表类型进行输出。
资产交付：
一份报告html文件
4. Lieflat Chart Skill 测试结论
经过几组不同类型的数据可视化测试，可以明显感受到，比起单纯追求图表的美观和视觉效果，Lieflat Charts 的独特之处更在于能将数据分析、图型选择与视觉表达整合到一套完整的工作流中。
实际使用下来，其优势主要集中在两个方面：
1. 丰富图型，覆盖更多数据场景
Lieflat Charts 提供了 Lupi Editorial、Glance、Lupi Basics、Interactive 等不同图表体系，从简单排行、趋势分析，到关系网络、复杂数据故事，都有对应的表达方式。
更重要的是，图型、配色和模板基本都交给模型自动判断。这极大方便了实际应用，无论是模型榜单，还是完整的数据报告，模型都会结合数据结构和使用场景完成相应的视觉选择，用户无需再自行研究该用哪一种图表。
这种多图型涵盖的优势，对于数据量较大、维度较多的任务尤其友好。面对一份复杂数据，能够容纳更多信息，同时利用不同图型拆解重点，不必为了追求页面简洁而过度删减数据，保证必要数据的完整性。
2. 独特视觉，内容处于核心位置
Lieflat Charts 整体采用比较克制的设计语言，强调留白、排版、数据单位和信息层级。内置的三套色彩系统，也给不同类型的数据提供了更有温度的视觉表达。动态效果的加入，则进一步提升了浏览体验，让原本偏静态的数据图多了一些交互感。
然而，视觉之外，更重要的是价值内容的呈现。
Lieflat Charts 的设计语法对“形式感”的控制恰到好处，图表始终围绕有效信息展开，尽量避免使用过于繁复的视觉来分走阅读注意力，始终将有效信息的呈现置于首位。对于数据量较庞大的任务，它虽不会为了追求视觉上的轻盈感而去给数据做减法，但鉴于其精简的配色、高度匹配的图表类型以及适当的摘要生成，最终交付成果也不会给人以视觉上的拥挤、冗杂感。
此外，生成结果统一以 HTML 形式交付，既方便保存和传播，也便于后续继续修改。选择报告模式后，模型还会根据数据自动生成报告主题、摘要、结论等重要补充内容，让最终产物从单纯的可视化展示延伸到一份可以直接阅读和使用的数据报告。
3. 专业度高，也有一定门槛
当然，Lieflat Charts 也存在一切缺陷。例如在数据量较大的情况下，部分图表偶尔会出现排版层面的 Bug，比如文字重叠、元素拥挤等情况。虽然不一定影响数据本身，但最终交付前仍然需要人工检查。
其次，它提供的一些图表类型和信息设计方式专业度较高，对于没有数据可视化经验的用户来说，理解起来可能有一定门槛。
此外，还有一个较为明显的差异是，有些图表更适合仔细浏览，却未必契合第一眼效应。Lieflat Charts 更强调信息结构和阅读逻辑，因此部分作品的视觉冲击力并不强。对于数据新闻、研究报告、行业分析这类内容，这种取舍是合理的，而如果目标是社交媒体传播或者追求极强的视觉吸引力，则并不适合应用，
谁适合用
如果你的需求只是将 Excel 中的数据快速生成一些可视化图表，那么 Lieflat Charts 的能力可能有些大材小用。
但如果你面对的是更复杂和庞大的数据，对准确性要求严苛，需要 AI 帮你完成“分析数据 → 找出重点 → 匹配图型 → 设计视觉 → 整理成可传播的内容”这一流程，那么 Lieflat Charts 的能力可以被发挥到最大化。尤其是行业报告、商业数据、调研结果、时间趋势，以及需要对外发布的数据内容，都是它所契合的场景。
Lieflat Charts 的独特之处，正是在于它在 AI 生成图表的过程中多加了一层编辑思维。毕竟，在呈现一张有价值的数据图之前，理解数据和判断重点，才是最关键的一环。
常见问题 FAQ
Q1：Lieflat Charts Skill 是什么？
Lieflat Charts（躺平图表）是一套面向 AI Agent 的数据可视化与报告生成 Skill，发布在 GitHub（larashero3-dotcom/lieflat-charts）。它能运行在 Claude Code、Codex 及其他兼容 SKILL.md 的 Agent 上，也可以在 Moxt 中直接使用，默认进入图表模式，明确要求报告、年报、白皮书等完整叙事交付时切换到报告模式，最终生成精致、可交互的 HTML 图表或报告。
Q2：Lieflat Charts 和普通 AI 生成图表有什么区别？
普通工具或裸模型做图的逻辑是「选图型→填数据→调颜色」，本质是翻译数据；Lieflat Charts 的逻辑是「理解数据→判断数据形状→比较候选图型→锁定模板→组织叙事→渲染→自检」，本质是编辑思维。它会评估语义契合度、单位诚实度、标签容纳、阅读速度和叙事张力，比如柱状图必须保持长度与数值真实比例、不鼓励截断坐标轴制造夸张效果。
Q3：Lieflat Charts 有哪些图表体系和配色？
它拥有四大核心图表体系：Glance（速览图）、Lupi Editorial（数据榜单）、Lupi Basics、Interactive（交互图表），覆盖从简单排行、趋势分析到关系网络和复杂数据故事。配色默认是 Mono 灰阶视觉语言（纸灰+炭黑，明度即数据），另有三套彩色预设：Porcelain 青瓷蓝适合有序数据、Palm 椰林绿适合少量无序类别、Wire 编辑部红适合需要视觉焦点的场景。Skill 会根据数据结构自动判断色系，也支持自定义品牌色板。
Q4：Lieflat Charts 的报告模式能做什么？
最新版本支持在单张图表之外，直接从 12 套整页报告模板生成 HTML 报告，每套模板有中英文双版本，覆盖调研报告、研究简报、业务数据报告、财报与金融经济分析、产品记录、dashboard、海报以及运动、旅行、年度生活数据记录等场景。选择报告模式后，模型还会根据数据自动生成报告主题、摘要、结论等补充内容，交付物从可视化展示延伸到可直接阅读使用的数据报告。
Q5：如何安装使用 Lieflat Charts Skill？
Lieflat Charts 支持 Codex、Cursor、Claude Code 等兼容 SKILL.md 的 Agent。在 302.AI 客户端中的使用步骤：1）从 studio.302.ai 下载并安装 302.AI 客户端；2）进入设置中的 Skills 页面点击安装；3）通过 GitHub 链接方式安装 lieflat-charts；4）在对话中丢入数据并要求做图、可视化或分析数据，即可生成 HTML 图表。具体安装入口以 302.AI 客户端当前界面为准。
Q6：Lieflat Charts 适合什么人使用？
如果只是想快速把 Excel 数据变成可视化图表，Lieflat Charts 有些大材小用。它最适合面对复杂、庞大数据且对准确性要求严苛的用户：需要 AI 完成「分析数据→找重点→匹配图型→设计视觉→整理成可传播内容」全流程的场景。尤其是行业报告、商业数据、调研结果、时间趋势以及需要对外发布的数据内容，都是它契合的场景。
Q7：Lieflat Charts 有哪些局限性？
根据 302.AI 实测：1）数据量较大时部分图表偶尔出现排版 Bug，如文字重叠、元素拥挤，交付前仍需人工检查；2）部分图型和信息设计专业度较高，没有数据可视化经验的用户有一定理解门槛；3）它更强调信息结构和阅读逻辑，部分作品视觉冲击力不强，适合仔细浏览但不契合第一眼效应——追求社媒传播和强视觉吸引力的场景并不适合。
Q8：如何在 302.AI 上体验 Lieflat Charts Skill？
Lieflat Charts 是开源 Skill（GitHub 可获取），配合 302.AI 客户端使用：1）下载 302.AI 客户端（studio.302.ai）；2）在 Skills 页面安装 lieflat-charts；3）选择任意模型（客户端支持 Claude、GPT、Gemini 等全球模型），在对话中提供数据并用提示词调用，如「Use lieflat-charts to create a chart from this data」。302.AI 按需付费、无需月费，成本可控。
即刻体验302.AI客户端
👉立即注册免费试用302.AI，开启你的AI之旅！👈
为什么选择302.AI？
● 灵活付费：无需月费，按需付费，成本可控
● 丰富功能：从文字、图片到视频，应有尽有，满足多种场景需求
● 开源生态：支持开发者深度定制，打造专属AI应用
● 易用性：界面友好，操作简单，快速上手
