用 lieflat-charts 把原始数据做成编辑级图表

Agent 生成的图表通常长着一副「库默认」的脸：数据没错，气质不对。lieflat-charts 是一个遵循 Agent Skills 格式的数据可视化与报告生成 skill——可在 moxt、Claude Code、Codex 以及其他读取 SKILL.md 的 agent 中使用——它用一套编辑视觉语法来构建图表：统一的字体、留白、发丝线和动效，并让数据的真实单位保持可见。

为什么这个 Skill 重要

这个 skill 提供两种阅读速度。Lupi 模板把记录摊开供慢读——细线、点阵、页边距、旁注——适合论文、年报和数据故事。Glance 模板提前聚合——粗柱、大数字、清晰排序——让读者几秒内看懂排名、变化和异常，适合周报和 dashboard。Basics 保留熟悉的图型轮廓（柱、线、环形），再加上可数刻度和编辑排版。

它的 catalog.md 按数据契约索引了 49 个图型：15 张 Lupi Editorial、13 张 Lupi Basics、18 张 Glance，以及 3 张面向网络、路径和流向的 Interactive 模板。在单张图表之上，报告模式还能从 12 套模板生成整页 HTML 报告，每套都提供中文版和英文版。

安装

npx skills add https://github.com/larashero3-dotcom/lieflat-charts --skill lieflat-charts

使用 Codex 时，安装路径换成 ~/.codex/skills/lieflat-charts。这个 skill 在 moxt agent hub 上完成设计和迭代——这里是它的原生环境——README 推荐走 moxt 这条最短路径，但它可以装到任何加载 SKILL.md 的地方。

实战：把调研数据变成一组可直接放进文章的图表

1. 安装 skill 后，把数据和目标载体一起交给 agent。

把这份调研数据做成适合公众号长文的 5 张中文版图表。
默认先比较 Lupi Editorial 和 Lupi Basics 候选；两组都不适配时，再使用 Glance。

2. Agent 会先对照数据契约比较候选图型再动手——图型跟着数据走，而不是跟着库默认走。
3. 如果要的是周报，就换一种阅读速度：

这是一份周报数据，要求 10 秒内看懂排名、变化和异常。

4. 配色会在 Mono（稳定的黑白灰保底方案）和三套预设——青瓷蓝、椰林绿、编辑部红——之间自动选择，你也可以指定：

用青瓷蓝预设重做这张图，用明度深浅表示数值大小，不改变原图的结构。

5. 图表数量由结论数决定，而不是字段数：skill 自己的规则是单个问题通常 1 张，两到三个结论 2–3 张，完整文章或论文 4–6 张，单页默认最多 6 张。

技巧

• 一张图不够用时，试试报告模式：12 套模板覆盖调研报告、业务 dashboard、财经简报、海报和个人记录页面，每套都有中英文版式。
• 同一份 HTML 或同一组图应坚持一种色彩系统。README 提醒：重新调色意味着要重新检查对比度、视觉主次，以及每种颜色对数据含义的表达。
• Lupi 和 Basics 主要以原生 SVG 渲染；Glance 和其他一些模板通过 CDN 加载 Chart.js 或 ECharts，需要联网才能完整显示。
• 配色可以信任默认值：当数据与彩色预设的适配关系不明确时，skill 会回落到 Mono。

何时不用这个 Skill

它采用 PolyForm Noncommercial License 1.0.0——允许学习、修改、分享和非商业使用，商业使用需要向作者另行取得许可。而当目标只是一张快速探索用的草图、不是要发布的成品时，一次朴素的 matplotlib 或 ECharts 调用会比一套编辑设计系统更快。

查看 排行榜 了解更多 skill。