Vibe Coding Discover

Skills

lieflat-charts

View on GitHub

Data visualization Skill for AI Agents, turning data into polished, interactive HTML charts. 面向 AI Agents 的数据可视化 Skill,将数据快速生成精致、可交互的 HTML 图表。

★ 5.7K351 forksHTML—larashero3-dotcom

Lieflat Charts is an Agent Skill (SKILL.md) that turns raw data into polished, interactive HTML charts and 12 full-page report templates, usable in Claude Code, Codex and Moxt agents. It bundles 49 chart templates (Lupi/Glance/Basics), SVG, Chart.js and ECharts styles plus Mono and 3 color presets.

Use Cases

Turn CSV/survey data into polished HTML chartsGenerate full-page HTML reports (annual, monthly, whitepaper, poster)Create editorial-style long-form data storiesBuild fast-glance dashboards and weekly reportsProduce network/force/path flow interactive graphsApply Mono or preset color schemes to existing chartsConvert research papers into chart pagesRender brand-color custom palettes for data viz

Built With

Language
HTML
Frameworks
Chart.js · Apache ECharts · SVG · Agent Skills (SKILL.md)

Tags

agent-skills · data-visualization · charts · html · svg · claude-code · codex · moxt · report-generation · templates · dashboards · design-system · color-presets · interactive-charts