Data Visualizer

This one helps you build charts and dashboards using Recharts, Chart.js, or D3.js depending on your stack and complexity needs. It includes working examples for each library, from simple line charts to real-time dashboards with server-sent events. The patterns section is genuinely useful: it shows you KPI cards, live data streaming setups, and interactive filters with actual implementation code. If you're reaching for a charting library but aren't sure which one to use or how to structure a dashboard, this gives you concrete starting points. The library selection guidance is honest about tradeoffs, recommending Recharts for React projects and Chart.js for framework-agnostic work, while steering you toward D3 only when you actually need custom visualizations.

Install to Claude Code

npx -y skills add daffy0208/ai-dev-standards --skill data-visualizer --agent claude-code