Lieflat Charts skill
A data visualization skill for agents: turns data into polished interactive HTML charts and full reports with one visual language
- 6,839 ★ on the repository
- Last commit
Minimal access
Why this level
- The skill consists of templates and rules and outputs HTML files
Install
- Works in
Manual install
npx skills add https://github.com/larashero3-dotcom/lieflat-charts --skill lieflat-chartsOne command installs the skill into the agent's skills directory.
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill consists of templates and rules and outputs HTML files
This is third-party code. Review the repository files before installing.
What it does
The skill gives the agent ready templates and rules so it can build a single-file HTML chart or a full report from your data. There are three chart families: Lupi for detailed editorial pieces with fine lines and annotations, Glance for dashboards and fast reading with big numbers and blocks, and basic forms such as bars, lines, areas, donut and scatter rebuilt in one style. Separately it ships interactive visualizations for networks, paths and dense flows, plus twelve full-page report templates, each in Chinese and English. By default the skill draws a chart rather than a report, starts from a grey mono palette and picks a color preset by the meaning of the data. One file uses one color system, and real data units, headlines, annotations and sources stay part of the visualization.
Who it is for. For analysts, marketers, editors and anyone who needs tidy charts and reports without hand-coding layout.
Good fit when
- You need to turn a dataset or CSV into tidy HTML charts
- You need a full report or one-pager built from ready templates
- You need an interactive network, path or dense-flow diagram
Not a fit when
- You need a chart embedded in your own app on a specific framework rather than a standalone HTML file
- You need the templates in another language: report templates ship in Chinese and English
Example request
Build five charts from this data for a long-form article, comparing Lupi Editorial and Lupi Basics firstLimitations
The skill outputs standalone HTML files, not components for a specific framework. Pure SVG charts open offline, while variants on Chart.js, ECharts, GeoJSON maps or online fonts need the network unless dependencies are inlined. Report templates come in Chinese and English, and languages must not be mixed within one version. The author asks for attribution when you publicly distribute finished pieces. Maps are enabled only on an explicit request.
How to disable. Remove the lieflat-charts folder from the agent's skills directory, for example ~/.claude/skills or ~/.codex/skills.
FAQ
Do I get a chart right away or a report first?
By default the skill makes a chart. It builds a report from one of twelve templates only if you explicitly ask for a report, annual report, white paper, poster and the like.
Do I need the network to open the result?
Pure SVG charts work offline. Variants on Chart.js, ECharts, maps or online fonts need the network unless dependencies are inlined.
Discussion
No questions or reviews yet.
Related
SkillsSciPilot Figure
scipilot-figure-skill
A scientific visualization advisor skill: it profiles the data and picks a chart for the argument first, then renders it to journal-grade quality
A scientific graphics skill with 148 chart templates, 196 SVG architecture assets and export to editable PowerPoint
A scientific plotting skill: from data checks and statistics to R and Python charts, curated palettes and journal-ready export.
A skill that picks a scientific chart from nearly 100 templates for CSV or Excel data and outputs PNG, SVG, PDF and Python code.
A skill that builds scientific figures from a table: it offers 2–3 chart candidates, assembles panels and checks image reuse.
A plugin that teaches agents to make clear, honest charts and checks each before you see it: takeaway title, axes, labels, colors.
README in short
The README describes a data visualization and report-generation skill in the Agent Skills format, compatible with moxt, Claude Code, Codex and other agents that support SKILL.md. The skill is built around one visual language and offers three chart families, interactive diagrams and twelve full-page report templates in Chinese and English. By default it outputs a chart rather than a report, and the palette starts from mono and is chosen by the meaning of the data. Installation goes through the npx skills add command or by cloning the repository into the agent's skills directory. Pure SVG works offline, while some templates need the network.
README badge
Original SKILL.md
--- name: lieflat-charts description: 一套模板驱动的数据可视化与报告生成 skill，既能严格从 Lupi、Basics、Glance、Maps 与 Interactive gallery 的真实实现生成 HTML 图表，也能从 12 套中英文整页报告模板生成可发布的 HTML 报告；以 Mono 为保底，能按数据语义自动选择内置彩色预设，也支持用户明确提供的自定义色板。地图仅在用户明确要求时启用，同一交付禁止混用色系。 --- # Lieflat Charts — 图表品味法典 Lieflat Charts 是一套遵循 Agent Skills 格式的数据可视化与报告生成 skill，以 Mono 灰阶为保底，也会在数据语义和使用场景明确适配时自动选择一套彩色预设。本 skill 在 moxt.ai 制作，支持 Lupi 编辑叙事型、Glance 快速判断型、Basics 基础编辑型、Maps 地图、Interactive 交互大图，以及 report-catalog.md 中的 12 套中英文整页报告模板。