chart
✓Generate minimal, clean charts using QuickChart.io with shadcn-style grayscale design. Supports bar, line, area, pie, and more. No dependencies required.
Installation
SKILL.md
Generate clean, minimal charts with shadcn-inspired grayscale styling using QuickChart.io (no dependencies needed).
| Bar (vertical) | bar, bar chart | Vertical bars | | Bar (horizontal) | horizontal bar, hbar | Horizontal bars | | Line | line, line chart | Time series, trends | | Area | area, area chart | Filled line chart | | Pie | pie, pie chart | Proportions | | Doughnut | doughnut, donut | Ring-style proportions |
| zinc-900 | #18181B | Primary series | | zinc-700 | #3F3F46 | Secondary series | | zinc-500 | #71717A | Third series | | zinc-400 | #A1A1AA | Fourth series | | zinc-300 | #D4D4D8 | Fifth series | | zinc-200 | #E4E4E7 | Sixth series | | zinc-100 | #F4F4F5 | Grid lines |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/pvergaraf/chart-skill --skill chart- Source
- pvergaraf/chart-skill
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-05
- Updated
- 2026-02-18
Quick answers
What is chart?
Generate minimal, clean charts using QuickChart.io with shadcn-style grayscale design. Supports bar, line, area, pie, and more. No dependencies required. Source: pvergaraf/chart-skill.
How do I install chart?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/pvergaraf/chart-skill --skill chart Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/pvergaraf/chart-skill
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-05