chart
✓shadcn スタイルのグレースケール デザインの QuickChart.io を使用して、最小限でクリーンなチャートを生成します。棒グラフ、線グラフ、面グラフ、円グラフなどをサポートします。依存関係は必要ありません。
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 |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/pvergaraf/chart-skill --skill chart- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
chart とは?
shadcn スタイルのグレースケール デザインの QuickChart.io を使用して、最小限でクリーンなチャートを生成します。棒グラフ、線グラフ、面グラフ、円グラフなどをサポートします。依存関係は必要ありません。 ソース: pvergaraf/chart-skill。
chart のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/pvergaraf/chart-skill --skill chart インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/pvergaraf/chart-skill
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-05