Adityaraj0421

Chart Design — Data skill for Claude Code

Data community

Design a chart or data visualization — selects the right chart type, applies accessible color palettes, adds annotations, and outputs production-ready HTML/CSS/JS.

How to install Chart Design

Installs to ~/.claude/skills/adityaraj0421-naksha-studio-chart-design/SKILL.md

Terminal

mkdir -p ~/.claude/skills/adityaraj0421-naksha-studio-chart-design && curl -fsSL https://raw.githubusercontent.com/Adityaraj0421/naksha-studio/HEAD/commands/chart-design.md -o ~/.claude/skills/adityaraj0421-naksha-studio-chart-design/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Chart Design does

name: chart-design description: Design a chart or data visualization — selects the right chart type, applies accessible color palettes, adds annotations, and outputs production-ready HTML/CSS/JS allowed-tools: ["Read", "Write", "Edit", "Bash", "Glob", "Grep", "mcp__*"] triggers:

chart
graph
visualization
data viz
bar chart
line chart
pie chart
scatter plot
histogram
donut chart
heatmap
sankey
treemap arguments: "$ARGUMENTS"

/chart-de

Alternatives in Data

Archify — Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self 17.2k ★
Context Mode — Benchmark Results — Benchmarked against real outputs from popular Claude Code MCP servers, Skills, and dev tools 5.6k ★
Skill Production Pipeline — Claude-skills — Effective: 2026-03-07 Applies to ALL new skills, improvements, and deployments 5.3k ★