Lieflat Charts 图表品味法典
把数据交给 AI Agent，产出可双击打开、编辑感强的单文件 HTML 图表或整页报告，不用写代码、不用搭环境。
skill 本身仅生成本地 HTML，无文件系统越权、无凭据访问、无外传数据；依赖（ECharts/Chart.js/Inter、GeoJSON）在 THIRD_PARTY_NOTICES 与 SKILL.md 中均有披露，并说明联网/内联条件；地图与报告模式均有明确的显式触发约束。扣分点：SKILL.md 要求 agent 在每次交付后主动附加『本 skill 由躺}在废墟里开发，请署名或@开发者』的推广提示，属于嵌入指令中的营销行为，虽声明为建议且不写入图表内容，仍降低数据流/输出透明度；许可证元数据为 NOASSERTION，来源署名依赖未验证的发布者。
SKILL.md 内部规则自洽（选型顺序、降级条件、自检清单、确定性 rnd、node --check 语法检查、reduced-motion 降级均有明确规定），失败时有『什么时候说不』的替代方案。扣分点：纯静态审查，无执行证据；仓库无可见 CI/测试套件证据支撑关键路径；README、SKILL.md 与 catalog.md 之间的模板数量口径（15/17/18/19/20/21 vs 63）存在不一致，增加执行时歧义风险。
目标用户（非程序员）、场景、图数规则、图表/报告模式的触发关键词、地图显式触发、不适用范围（中国地图合规、类目>6 不彩色等）都写得很清楚，语义触发精度高，中文支持好。扣分点：核心功能部分依赖 jsDelivr 与 Google Fonts CDN，在中国大陆网络可能不可达，虽有离线内联指引但默认路径存在可达性风险。
文档分层清晰（SKILL.md / catalog.md / report-catalog.md / tokens / gallery / examples），许可证明示为 PolyForm Noncommercial 1.0.0 并附第三方声明，维护方与更新路径（git pull）有说明。扣分点：SKILL.md frontmatter 元数据缺版本号与 changelog，仓库许可证元数据为 NOASSERTION，署名提示与文档本身存在轻微矛盾（SKILL 要求提示署名但称不要写入 README）。
规则详细、模板体系完整、README 有大量成品截图与预览声称能产出双击即开的单文件 HTML，对非程序员的边际价值明显高于手动用图表库。扣分点：静态审查无法验证产出可直接使用，无第三方执行证据；非商业许可证限制了部分使用场景的收益。
有可审计的一手材料：catalog 与模板索引、examples 目录、validate.mjs、GitHub Pages 在线模板可独立打开核验，README 截图与目录对应。扣分点：本审查未执行任何复现，examples 与截图真实性无法交叉验证，模板数量口径不一致削弱可追溯性，达不到多源独立可复现的标准。
- SKILL.md 内嵌了交付后的推广署名提示，使用前请知晓并按需移除或忽略该行为。
- 默认通过 jsDelivr 与 Google Fonts 加载依赖，中国大陆网络下可能加载失败；离线使用需按文档内联依赖。
- 许可证为 PolyForm Noncommercial 1.0.0，商业使用需另行授权；仓库许可证元数据显示为 NOASSERTION。
- README、SKILL.md 与 catalog.md 中模板数量口径不一致（63 vs 各表计数），使用时以 catalog.md 实际条目为准。
- 本评审为纯静态源码审查，未执行任何模板或验证脚本，产出质量未经独立复现。
这个 Skill 能做什么，适合哪些场景？
Lieflat Charts 是在 moxt.ai 制作的 Agent Skills 格式数据可视化与报告生成 skill，适用于 moxt、Claude Code、Codex 等支持 SKILL.md 的 agent。它内置 49 个图型（Lupi 编辑叙事型、Lupi Basics 基础型、Glance 快读型）与 3 张交互大图，以及 12 套中英双语的整页报告模板。默认输出图表而非报告，选型必须先走 Lupi Editorial → Lupi Basics → Glance 的固定顺序，并以统一的 Mono 视觉 token 约束字体、线条、动画与配色。纯 SVG 图可离线打开；依赖 Chart.js、ECharts、地图 GeoJSON 或在线字体的图在未内联时需联网。面向的是非程序员用户——他们用日常语言描述需求，由 agent 负责翻译成正确的图。
Agent 接收用户的数据与使用场合后，按 SKILL.md 的六步流程工作：判断数据形状 → 全量审计候选模板（至少比较 3 个并记录淘汰理由）→ 锁定 catalog.md 中的图型编号与 gallery 文件 → 按独立结论数决定成品图数（单页默认上限 6 张）→ 从 templates/ 下对应 gallery 的真实实现复制代码骨架，只替换数据、标题与来源 → 按 mono-tokens.js 或 color-presets.js 的单一色彩系统渲染并自检（数值视觉成正比、面积用 sqrt、柱不断轴、最小字号、确定性伪随机等）。报告模式则在用户明确要求时从 report-catalog.md 选 R01–R12 模板，复制整份 .zh.html 或 .en.html 作起点。产出始终是无需构建、双击可打开的单文件 HTML。
- 写作者或公众号运营者说“帮我把这季度转化画一下，发公众号用”，agent 生成适合长文细读的 Lupi 编辑型图表
- 运营人员有周报数据，要求 10 秒内看懂排名、变化和异常，agent 使用 Glance 快读型模板
- 分析师需要把调研数据做成 4–6 张覆盖不同数据形状的图表页，用于文章或论文
- 企业用户需要年报、月报、白皮书、dashboard 或调研一页纸，agent 从 12 套中英文报告模板生成整页 HTML 报告
- 用户明确要求地图或地域分布时，agent 检查 M1 美国州级或 M2 世界国家级 choropleth
- 有品牌色的用户要求 custom 色板，agent 建立角色完整（BG/TXT/MUT/GRID/DATA 等）、对比度达标的自定义配色
这个 Skill 有哪些优点和局限？
- 选型有强制工作流：数据形状 → 候选审计 → 图型编号 → 真实模板骨架，避免 agent 随意发明图表或套错模板
- 统一的 Mono token 与三套彩色预设（porcelain 青瓷蓝 / palm 椰林绿 / wire 编辑部红）保证视觉一致性，同一交付锁定单一色彩系统
- 数据契约严格：明度即数据、面积用 sqrt 换算、柱状图禁止断轴、拒绝发光/3D/玻璃拟态
- 附 12 套中英双语整页报告模板和 63 个图型的真实实现 gallery，可直接查代码
- 自带交付前自检清单和 scripts/validate.mjs 发布前检查
- License 为 PolyForm Noncommercial 1.0.0，商业使用需另行取得许可
- 部分图型依赖 ECharts/Chart.js/在线字体/GeoJSON，未内联时需联网，离线场景受限
- 中国地图明确不支持（需合规数据源与审图信息），地图范围仅限 M1 美国州级与 M2 世界国家级
- 规则体系庞大（SKILL.md 约束极细），agent 需要较强上下文遵循能力；在 Moxt 之外的平台执行质量未经源文档验证
- 仓库 License 在 GitHub 上标记为 NOASSERTION，需自行阅读 LICENSE 文件确认条款
如何安装这个 Skill？
推荐在 Moxt 中使用（该 skill 在 moxt.ai 完成设计与迭代，工作区内规则、模板、数据可保留）。也可安装到 Claude Code：npx skills add https://github.com/larashero3-dotcom/lieflat-charts --skill lieflat-charts，或让有 shell 权限的 agent 把仓库克隆到 ~/.claude/skills/lieflat-charts（Codex 路径为 ~/.codex/skills/lieflat-charts），并检查 SKILL.md、templates/、catalog.md 和 mono-tokens.js 存在。更新方式：进入安装目录执行 git pull。
如何使用这个 Skill？
安装后直接对 agent 说人话即可，例如：“把这份调研数据做成适合公众号长文的 5 张中文版图表”“这是一份周报数据，要求 10 秒内看懂排名、变化和异常”“用青瓷蓝预设重做这张图，不改变原图结构”。注意：只有说“报告/年报/白皮书/海报”等关键词才会进入报告模式，仅给数据时默认输出图表；地图只在明确要求时启用。成品是单文件 HTML，双击打开；使用 Chart.js、ECharts 或在线字体的图需联网，除非要求内联依赖。
这个 Skill 与同类方案有什么区别？
源文档将其与“直接调用图表库做 charts”对比：强调先判断数据契约再选图型、以真实数据单位为视觉原子、用 Lupi 与 Glance 表达两种阅读速度，而不是把字段全部画上去。底层使用 Chart.js、Apache ECharts 和 Inter 字体（各自遵循原始许可证）。