Summary
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-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
