Lieflat Charts 是一套装进 AI agent 里的图表技能包：把数据交给 moxt、Claude Code、Codex 或其他识别 SKILL.md 的客户端，它按数据契约挑图型，产出带编辑排版的 HTML 图表。对靠 AI生产力 省时间的人来说，它的价值不在多画几张图，而在少返工几次。
默认只给单张图——用户明确说要报告、年报、月报、白皮书、海报或 brief 时，才从 12 套中英文整页模板生成可发布的 HTML 报告。放在工具推荐 的清单里看，这套先出单图、再谈整页的顺序是对的——多数时候要的只是一张能直接用的图。
设计、测试和迭代都在 moxt.ai 上完成。作为一枚软件工具，它的体量不小：仓库里的 catalog.md 索引了 49 个图型的数据契约，report-catalog.md 负责 12 套报告模板的场景索引。授权采用 PolyForm Noncommercial 1.0.0，允许学习、修改、分享与非商业使用，商业用途需另行取得许可。
场景痛点
让通用模型画图表，结果往往是图能看、但读不出重点：所有字段被堆进一张图，读者得自己猜哪个数字重要；单位用抽象比例而不是真实数量；配色随机，同一份材料里能出现三套色系。要改更麻烦——换一个对话，agent 就忘了上一轮的版式和口径，只能从头再说一遍。
另一头是现成图表库的固定套路：模板按图型分类（柱状、折线、饼图），却没人替用户判断这批数据该用什么阅读速度——是让人花 30 秒细看，还是 3 秒抓结论。这类 AI应用 真正缺的，是一套能把「数据长什么样」和「读者怎么看」对应起来的规则—— AI相关 这一路上，这件事过去一直由人凭经验兜着。
核心功能
三套视觉风格，对应三种阅读速度
- Lupi（编辑叙事型）：细线、点阵、逐条记录和大量留白，强调真实单位、细节与旁注，适合论文、长文、年报这类需要慢慢读的数据故事，单张阅读时间通常在 30 秒以上。
- Glance（快速判断型）：粗柱、大数字、色块和清晰排序，把信息提前聚合，让人几秒内看懂高低、变化和异常，适合周报、汇报与 dashboard。
- Basics（基础编辑型）：保留柱状、折线、环形等熟悉轮廓，再用可数刻度、发丝线和编辑排版增加质感，适合结构简单或数据量较少的内容。
三种风格之外还有网络、路径与多段流向等独立交互大图，靠 hover、聚焦、拖拽和状态栏把复杂关系拆成可逐条查询的图；交互只服务于真实记录，不给装饰元素添加假行为。作为设计工具 看，它的着力点不在新增图型，而在统一字体、留白、线条和动效。
49 个图型与 12 套报告模板
| 类型 | 数量 | 适合什么 | 实现 |
| Lupi Editorial | 15 | 年报、论文、公众号、海报、作品集 | 手写 SVG |
| Lupi Basics | 13 | 柱、折线、面积、环形、散点、瀑布、热力、进度、矩形树图等基础形状 | 手写 SVG / ECharts |
| Glance | 18 | 周报、dashboard、监控、汇报 | Chart.js / ECharts |
| Interactive | 3 | 网络、路径、多段流向与高密度关系数据 | ECharts / SVG |
| Color Presets | 3 套 / 15 个样张 | 用颜色区分维度，或为 Mono 加一个受控视线落点 | 基于原模板换肤 |
| Report Templates | 12 套 / 中英双版 | 调研、年报、月报、仪表盘、海报、简报与个人记录 | 单文件 HTML |
报告模板覆盖调研报告、研究简报、业务数据报告、财报与金融经济分析、产品记录、dashboard、海报，以及运动、旅行和年度生活数据记录。模板名称代表的是版式性格而不是使用场景限制，同一套模板可以按数据结构迁移到不同类型的报告。
出图张数由独立结论决定：单个问题通常 1 张，两三个结论 2–3 张，完整文章或论文 4–6 张，单页默认最多 6 张。用户明确指定数量时会遵守，但不会为凑数重复表达同一个结论。
彩色模式与 Mono 保底
Mono 黑白灰是稳定的保底方案，彩色模式目前提供青瓷蓝、椰林绿和编辑部红三套预设：青瓷蓝是单色相明度阶，适合有序数据与单序列；椰林绿用低饱和绿黄区分少量无序类目；编辑部红在黑灰阶上加一个荧光橙作为受控视线落点。agent 会按数据结构和使用场景自动选择，适配关系不明确时回到 Mono；用户明确给出品牌色或色值，可以建立一套 custom 色板。
同一份 HTML 或同一组图只使用一种色彩系统，生成后仍可继续调色，但需同时保持图型结构、比例、对比度和数据契约。
设计上的几条硬规矩
- 先判断数据契约再选图型，而不是先挑库里的模板
- 每张图先承担一个独立结论，再组成整页
- 把真实数据单位当视觉原子，不用装饰性噪声伪造密度
- 标题、旁注、来源、留白和动效都算图表的一部分
- 用 Lupi 和 Glance 表达两种阅读速度，而不是把静态图和交互图当成唯一分类
放在实用软件 里衡量，它解决的不是画不出图，而是画出来的图没人愿意读。
安装与使用
前置条件：需要有支持 Agent Skills 的客户端（moxt、Claude Code、Codex 等）。查看 Glance、Circular、Force 以及报告模板 R11/R12 时，页面通过 CDN 加载 Chart.js 或 ECharts，需要联网才能完整显示；Lupi 与 Basics 主要使用原生 SVG，只有 F13 Treemap 依赖 ECharts。
一条命令安装：
也可以把这段话直接交给有 shell 权限的 agent：把仓库克隆到 ~/.claude/skills/lieflat-charts，装完检查 SKILL.md、templates/、catalog.md 和 mono-tokens.js 是否齐全。用 Claude Code 之外的客户端时，把路径换成对应的 skills 目录——Codex 是 ~/.codex/skills/lieflat-charts。已经装过的，进目录执行 git pull 即可更新。
怎么下指令（使用教程 里的示例）：
| 想做什么 | 直接这么说 |
| 中文长文配图 | 把这份调研数据做成适合公众号长文的 5 张中文版图表，默认先比较 Lupi Editorial 和 Lupi Basics，两组都不适配再用 Glance |
| 快速看排名 | 这是一份周报数据，要求 10 秒内看懂排名、变化和异常 |
| 换色彩预设 | 用青瓷蓝预设重做这张图，用明度深浅表示数值大小，不改变原图结构 |
| 重做已有图 | 用 Lupi 风格重新设计这组数据，保留每条真实记录，并加入必要的旁注 |
装好后打开 templates/ 下的 HTML 可以浏览 gallery，templates/reports/index.html 是 12 套报告模板的中英文入口。对 开发者工具 有兴趣的，仓库还留了 scripts/validate.mjs 做发布前检查，examples/ 里是真实公开数据案例。
我的使用感受
最认可的是「不为凑数多画一张」这条：图数由独立结论决定，单页最多 6 张，用户指定才破例。这比堆图更能逼着人先想清楚要讲什么。三套风格把阅读速度摆到台面上也实用——周报要 Glance，年报要 Lupi，不用每次跟 agent 解释半天。判定规则写成 SKILL.md 和 catalog.md 交给 agent 读，意味着换客户端也能保持同一套版式，这在 效率工具 里不算多见。
要留意的边界是授权：PolyForm Noncommercial 只允许非商业使用，公司场景的年报、对外白皮书得先谈许可。另外彩色模式是三套固定预设，品牌色需要自己给值建 custom 色板。
作为 skill 生态里偏设计向的一支，它把图型选择、编辑排版、浏览器交互和整页叙事收进了同一个可复用的包里，做数据呈现的都值得把它和常规图表工具放在一起比一比。按这个顺序走一遍——先给数据、再让 agent 报结论数——出图的稳定度会高不少。
官方网站
https://github.com/larashero3-dotcom/lieflat-charts
下载地址
https://pan.quark.cn/s/5eb0cab334d1
