Lieflat Charts 

Lieflat Charts 是一套遵循 Agent Skills 格式（SKILL.md）的数据可视化与报告生成工具，专为 moxt、Claude Code、Codex 等兼容 AI 代理设计。它不仅仅是一个绘图库，更是一套拥有完整视觉语法的“数字编辑系统”。其核心理念是：让图表像文章一样具有叙事感，根据数据的阅读速度需求，自动选择最合适的视觉表达风格。

三大核心视觉风格

Lieflat Charts 摒弃了千篇一律的模板，根据用户的意图和数据特性，智能匹配以下三种风格：

此外，还提供 Interactive 模式，用于处理网络关系、路径流向等高密度复杂数据。

智能色彩系统

Agent 会根据数据结构自动选择色彩方案，无需用户手动指定：

• Mono (黑白灰)：稳定的保底方案，通过明度区分层级。
• Porcelain (青瓷蓝)：单色相明度阶，适合有序数据和单序列。
• Palm (椰林绿)：低饱和绿黄，用色相区分少量无序类目。
• Wire (编辑部红)：黑灰阶 + 荧光橙视线落点，用于强调关键异常或焦点。
• Custom：支持用户输入品牌色值，自动生成对比度合格的定制色板。

原则：同一份 HTML 或组图只使用一种色彩系统，确保视觉主次和数据含义清晰。

新增：整页 HTML 报告生成

除了单张图表，Lieflat Charts 现在支持直接从 12 套中英文整页模板 生成可发布的 HTML 报告。

• 覆盖场景：调研报告、研究简报、财报分析、产品记录、个人年度总结等。
• 双语支持：每套模板均提供中文版和英文版。
• 灵活迁移：模板名称代表版式性格，而非固定场景，可根据数据结构灵活适配。

为什么推荐在 Moxt 中使用？

虽然 Lieflat Charts 可以安装到任何支持 Agent Skills 的工具中，但它是为 Moxt 原生设计的：

• 上下文连贯：规则、模板、数据和成品保留在同一工作区，Agent 能更稳定地理解视觉语言。
• 迭代高效：多轮修改时无需重新上传文件或说明背景，直接基于现有结果调整。
• 流程闭环：从设计预览到最终 HTML 导出，均在同一环境中完成。

快速安装与使用

1. 安装到其他 Agent (如 Claude Code)

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

或者手动克隆到 ~/.claude/skills/lieflat-charts 并检查文件完整性。

2. 自然语言指令示例

你可以直接对 Agent 下达如下指令：

• 风格选择：“把这份调研数据做成适合公众号长文的 5 张中文版图表。默认先比较 Lupi Editorial 和 Lupi Basics。”
• 快速汇报：“这是一份周报数据，要求 10 秒内看懂排名、变化和异常。”（自动触发 Glance 风格）
• 色彩调整：“用青瓷蓝预设重做这张图，用明度深浅表示数值大小。”
• 深度叙事：“用 Lupi 风格重新设计这组数据，保留每条真实记录，并加入必要的旁注。”
• 报告生成：“读这篇论文，找出最值得讲的几个数据结论，做成一页完整的 HTML 图表。”

设计哲学

Lieflat Charts 的创新不在于发明新图型，而在于重构了 AI 生成图表的逻辑：

1. 先判断数据契约，再选图型：而不是盲目套用库内模板。
2. 一图一结论：每张图只承担一个独立观点，避免信息过载。
3. 真实单位为原子：拒绝装饰性噪声，让标题、旁注、留白成为图表的一部分。
4. 阅读速度分层：用 Lupi 和 Glance 区分“细读”与“快读”，满足不同场景需求。

对于希望产出具有出版级质感、逻辑严密且视觉优雅的数据内容的 AI 用户而言，Lieflat Charts 是一个不可多得的强力助手。