Lieflat Charts

Install

npx skillfoxx add skills/lieflat-charts

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a claude-code -y

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a cursor -y

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a github-copilot -y

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a codex -y

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a gemini-cli -y

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a cline -y

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a roo -y

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a opencode -y

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

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.

Example request

Build five charts from this data for a long-form article, comparing Lupi Editorial and Lupi Basics first

Limitations

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.

Security check

• The skill consists of templates and rules and outputs HTML files

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.

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 套中英文整页报告模板。

Related