Library

Chart.js agent skills for Claude Code, Codex and other agents.

Simple, flexible JavaScript charting library that renders responsive charts on HTML canvas.
skills
20
Type
Library
Website
chartjs.org
Official GitHub
chartjs

Chart.js skills, ranked

Ranked by score. Sort bymost stars,trending,newest,recently updated

Chart.js skills, ranked
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
1

Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.

nextlevelbuilder/ui-ux-pro-max-skill134k1 repo~3.5kAutomated safety check: PassMIT3 days ago
2

Generates single-file HTML charts and full-page reports from real gallery templates, using a grayscale base with optional color presets.

larashero3-dotcom/lieflat-charts6k1 repo~4.5kAutomated safety check: PassCC-BY-NC-4.01 mo ago
3

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…

Ohh-889/skyroc7959 repos~3.1kAutomated safety check: PassMIT1 mo ago
4

网页设计与部署。生成精美的单页 HTML 网页(报告、落地页、数据可视化等),支持一键部署到 Cloudflare Pages。使用 Tailwind CSS + Chart.js + Font Awesome 技术栈。当用户要求制作网页、生成报告页面、创建落地页、数据可视化展示、部署网页到线上时使用。

countbot-ai/CountBot781—~1kAutomated safety check: PassMIT3 days ago
5

A skill your agent uses when creating, reviewing, or styling charts, graphs, dashboards, sparklines, or any data visualization.

caylent/tufte-data-viz222—~3.5kAutomated safety check: PassMIT7 mo ago
6

Render rich interactive visuals — SVG diagrams, HTML widgets, Chart.js charts, and interactive explainers — directly inline in chat using visualize().

Classic298/open-webui-plugins575—~10kAutomated safety check: PassBSD-3-Clause2 days ago
7

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

Ohh-889/skyroc79510 repos~285Automated safety check: PassMIT1 mo ago
8

Build figures in OpenAI's blog / research / system-card "dotcom" visual style — both (a) bar charts (monochrome bars with a darker same-hue stroke, rounded corners, a black y-axis with outward ticks…

yzlnew/infra-skills149—~1.3kAutomated safety check: PassNo licence3 mo ago
9

当用户要求数据可视化、做图表、生成看板、数据仪表盘、可视化报告、Excel/CSV 转图表、预算/销售/运营等指标分析页面、Chart.js 可视化时使用。只处理数据可视化任务;纯网页、banner、海报、简历等非数据图表设计任务应交给 visual-design。数据报告页以图表为主体归本技能;以文案排版为主体的静态报告页归 visual-design。

Pinvou/pinvou-agent2.4k—~933Automated safety check: PassMITtoday
10

Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG.

foryourhealth111-pixel/Vibe-Skills3.6k—~1.1kAutomated safety check: PassApache-2.01 mo ago
11

Design effective data visualizations and charts. An agent skill from claude-office-skills/skills.

claude-office-skills/skills498—~2.2kAutomated safety check: PassMIT8 mo ago
12

Creates interactive educational MicroSims using the best-matched JavaScript library (p5.js, Chart.js, Plotly, Mermaid, vis-network, vis-timeline, Leaflet, Venn.js).

ynulihao/AgentSkillOS617—~2.1kAutomated safety check: PassNo licence7 mo ago
13

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling.

w95/awesome-claude-corporate-skills2352 repos~5.1kAutomated safety check: PassMIT7 mo ago
14

创建适用于图表渲染插件的 Chart.js 图表。当用户要求把数据做成图表、可视化趋势、比较分类或展示占比时使用. An agent skill from openvetta/open-vetta.

openvetta/open-vetta290—~428Automated safety check: PassApache-2.03 days ago
15

Create Tufte-inspired data reports and infographic dashboards as standalone HTML files.

glebis/claude-skills388—~2.4kAutomated safety check: PassMIT11 days ago
16

Creates interactive educational MicroSims, routing to the best-matched generator - p5.js, Chart.js, Plotly, Mermaid, vis-network, timelines, maps, Venn, causal-loop/feedback-loop diagrams (CLD)…

dmccreary/ibook-skills105—~11kAutomated safety check: PassNo licence2 days ago
17

Methodology for selecting optimal chart types based on data type and analysis purpose.

revfactory/harness-1001.3k—~1.1kAutomated safety check: PassApache-2.06 mo ago
18

Create, review, and restyle data visualizations using Edward Tufte principles: high data-ink ratio, direct labels, range-frame axes, small multiples, accessible color, responsive charts, and honest…

Mathews-Tom/armory327—~2.5kAutomated safety check: PassMITyesterday
19

Design system and guidelines for Claude's built-in showwidget tool to render high-quality interactive HTML/SVG widgets, charts, diagrams, and explainers inline.

criptogus/agent-evolve-network288—~972Automated safety check: PassMIT27 days ago
20

데이터 유형과 분석 목적에 따라 최적의 차트 유형을 선택하는 방법론. An agent skill from revfactory/harness-100.

revfactory/harness-1001.3k—~657Automated safety check: PassApache-2.06 mo ago

Questions, answered from the data.

What is the best Chart.js skill?

Brand and Design Toolkit from nextlevelbuilder/ui-ux-pro-max-skill ranks first of the 20 Chart.js skills listed here, with the highest score: its repository has 134k GitHub stars, 1 other GitHub owner carry a copy, its SKILL.md loads about 3.5k tokens and it passes the automated safety check with no findings. Next come Lieflat Charts and Design.

Is there an official Chart.js skill?

None yet. All 20 Chart.js skills listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.

How are these skills ranked?

By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.