Tooluck logoTooluck
SKILL.md

dataviz

Agent skill fromJimLiu/baoyu-design

Use this skill whenever you are about to create ANY chart, graph, plot, dashboard, or data visualization, in ANY output medium (HTML/React artifact, inline SVG, matplotlib/plotly/d3/Recharts, PNG). Read it BEFORE writing the first line of chart code, choosing chart colors, building a stat tile / KPI row, or laying out a dashboard. Teaches a design-system-agnostic method - form heuristic, color formula with a runnable validator, mark specs, interaction rules. Default palette in references/palette.md.

How to install dataviz

install dataviz
# install the baoyu-design pack with the skills CLI
npx skills add JimLiu/baoyu-design

# or add only this skill to Claude Code: copy the folder

skills/dataviz/

# into

~/.claude/skills/dataviz/ (all projects)

.claude/skills/dataviz/ (one project)

Read SKILL.md on GitHubThis repository's license doesn't allow showing an excerpt here.

More skills in baoyu-design

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates