@Zhiyu333: A skill that lets you create charts with top-tier aesthetics. My open-source Lieflat Charts has already hit 2k stars on…
Summary
Lieflat Charts is an open-source tool that has reached 2k GitHub stars, enabling AI agents to create aesthetically pleasing charts with over 60 types using HTML for rich animations and report generation.
View Cached Full Text
Cached at: 09/02/26, 09:57 AM
A skill that lets you create charts with top-tier aesthetics.
My open-source Lieflat Charts has already hit 2k stars on GitHub～It’s a data visualization and report generation skill, available for use by AI agents like Moxt, Claude Code, Codex, and more.
It establishes a visual grammar through unified fonts, whitespace, lines, and animations, featuring over 60 chart types. This covers basic charts like bar, line, area, and histograms, as well as complex ones like heatmaps, violin plots, chord diagrams, Sankey diagrams, and more—some of which even support interactivity.
For colors, it builds on a black-and-white grayscale foundation, while also supporting three color schemes: turquoise blue, coconut grove green, and editorial red. We’ll experiment with even more vibrant palettes down the line～
The principle behind this skill is using HTML to create charts—the benefits are obvious: incredibly rich animations, and seamless integration into HTML-based PPTs. If you need PPT format, you can also have the agent convert it to animated GIFs and paste them right into the slides.
It’s super easy to use: Once installed, just tell the agent your data or the theme you want to visualize, and it’ll select the right chart type and generate it automatically. If you need reports, there’s currently a report mode too, which can churn out a full data visualization report with one click.
Shoutout to @moxt_ai for helping me create such stunning charts!
#datavisualization #charts #skill #dataviz #html #aidesign
Similar Articles
@draparente: Earlier this year I was getting frustrated with Claude's charts, fed this book to claude and had it generate a Tufte sk…
A user created a custom Tufte-inspired skill for Claude to generate simpler and more beautiful charts, sharing the implementation as a gist.
@trendtech33566: To people whose diagrams turn into some kind of "generic box" when drawn by AI diagram-design, about 3.4k. What’s great…
A new Claude Code skill called diagram-design lets AI generate 27 types of editorial-quality diagrams (architecture, flowcharts, etc.) in self-contained HTML+SVG, automatically matching a site's colors and fonts to avoid generic-looking output.
@BTCqzy1: Share a super practical open-source project: Next AI Draw io (GitHub 28k+) Generate complex architecture diagrams with just one sentence! No more manual dragging boxes! Chat with AI using natural language to instantly generate professional draw io diagrams: · System architecture diagrams, RAG flows, ...
An AI-based open-source diagram generation tool that creates draw.io diagrams via natural language, supports multiple models, with 28k GitHub stars.
@0xQiYan: Still drawing architecture diagrams manually? Dragging and tweaking for half a day? Bookmark this! Today I have to recommend this skill—I recently installed `drawio-skill`, and with just one sentence it can generate professional diagrams, no more drawing by hand. The logic is very simple: just speak naturally (e.g., "draw a trading system architecture diagram"), and it generates the diagram directly...
Introducing the drawio-skill tool, which generates professional diagrams such as architecture diagrams, flowcharts, ER diagrams, etc., based on natural language descriptions. It supports multi-round iteration and export to various formats, significantly improving diagramming efficiency.
@CopyRebeldia: A guy just dropped a skill on GitHub that makes Codex generate UIs like that in a single pass. Already 10k stars. Front…
A new open-source GitHub tool enables OpenAI Codex to generate complete UIs in one pass, amassing 10k stars quickly.