📊
DataHTML

Lieflat Charts

by larashero3-dotcom

Lieflat Charts is a Data skill for Claude Code, published by larashero3-dotcom in lieflat-charts.

823 stars51 forkson larashero3-dotcom/lieflat-chartsAdded 2026/08/11+48% in starsRepository updated 2026/08/07
agent-skillschartsclaude-codecodexdata-visualizationhtmlmoxtsvg
Install in seconds
Install Lieflat Charts
Copy Lieflat Charts into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/larashero3-dotcom/lieflat-charts ~/.claude/skills/lieflat-charts

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/larashero3-dotcom/lieflat-charts.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
SKILL.md in larashero3-dotcom/lieflat-charts
Installs to
~/.claude/skills/lieflat-charts
Collection
The only skill cataloged from this repository
Category
Data668 skills

What Lieflat Charts does

Generate editorial-quality data visualizations from templates in Lupi, Basics, Glance, or Interactive styles. Produces single-file HTML charts with strict design rules for non-programmers—ideal for publications, reports, and presentations.

Lieflat Charts is cataloged under Data on DirSkills. Lieflat Charts comes from a repository tagged agent-skills, charts, claude-code, codex and data-visualization.

Documentation

README

Lieflat Charts

中文 | English

Lieflat Charts:以统一的字体、留白、线条和动效建立自己的视觉语法的数据可视化 skill

Lieflat Charts 是一套遵循 Agent Skills 格式的数据可视化 skill,可供 moxt、Claude Code、Codex 及其他兼容 SKILL.md 的 AI agent 使用。本 skill 在 moxt.ai 制作,专注于把数据图表做成有编辑感、能阅读、能组成完整页面的视觉内容。

它以统一的字体、留白、线条和动效建立自己的视觉语法,包括以下几种视觉风格:

  • Lupi(编辑叙事型):用细线、点阵、逐条记录和大量留白展开数据,强调真实单位、细节和旁注,适合论文、长文、年报与需要慢慢阅读的数据故事。
  • Glance(快速判断型):用粗柱、大数字、色块和清晰排序提前聚合信息,让读者几秒内看懂高低、变化和异常,适合周报、汇报与 dashboard。
  • Basics(基础编辑型):保留柱状图、折线图、环形图等熟悉轮廓,再用可数刻度、发丝线和编辑排版增加质感,适合结构简单或数据量较少的内容。

此外还提供网络、路径和多段流向等独立交互大图。每张图都尽量保留数据的真实单位,同时让标题、旁注、来源和页面结构参与表达。

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Lieflat Charts

  • How does Lieflat Charts compare to other Data skills?

    Lieflat Charts ranks #502 by stars among the 668 Data skills in this catalog. The most-starred ones next to it are Benchmark Methodology, Jupyter Notebook and Solana. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Lieflat Charts against them. Open each page to compare what they document and how they install.