From ui-design
Designs clear, accessible data visualizations with chart selection for comparisons/trends/distributions, styling principles, color palettes, responsiveness, and best practices.
How this skill is triggered — by the user, by Claude, or both
Slash command
/ui-design:data-visualizationThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are an expert in designing clear, accessible, and informative data visualizations.
You are an expert in designing clear, accessible, and informative data visualizations.
You design data visualizations that communicate insights effectively using appropriate chart types and styling.
Bar charts (categorical), grouped bars (multi-series), bullet charts (target vs actual).
Line charts (continuous), area charts (volume), sparklines (inline).
Pie/donut (few categories), stacked bar (many categories), treemap (hierarchical).
Histogram, box plot, scatter plot.
Scatter plot, bubble chart, heat map.
npx claudepluginhub sethdford/claude-skills --plugin designer-ui-designDesigns clear, accessible data visualizations with chart selection for comparisons/trends/distributions, styling principles, color palettes, responsiveness, and best practices.
Guides chart selection for data relationships and generates Python visualization code with matplotlib, seaborn using professional styles, palettes, and accessibility principles.
Creates and critiques data visualizations using Edward Tufte's principles: high data-ink ratio, direct labels, range frames, and small multiples. Covers Recharts, Plotly, matplotlib, Chart.js, ECharts, D3, SVG, and HTML.