Interactive charts, dashboards, and data visualizations with Recharts, Chart.js, and D3.js.
Create detailed user stories, acceptance criteria, and feature specs
Example: Generate user stories for 'password reset feature' with acceptance criteria, edge cases, and test scenarios
Reduce spec writing time by 50%, ensure comprehensive coverage
Research competitors, compare features, identify gaps
Example: Analyze 5 competitor products, create feature comparison matrix, suggest differentiation opportunities
Complete competitive research in 2 hours instead of 2 days
Evaluate features using frameworks (RICE, ICE, Kano) and create prioritized backlogs
Example: Score 20 feature ideas using RICE framework, generate prioritized roadmap with rationale
Make data-driven prioritization decisions faster
Draft PRDs, status updates, and stakeholder presentations
Example: Create executive summary of Q3 roadmap, monthly progress report, feature launch announcement
Save 3-5 hours/week on communication overhead
Submit your Claude Code skill and start earning
epx add daffy0208/ai-dev-standards --skill data-visualizerCompatible with
Supported agents
Supports three major libraries: Recharts for React projects, Chart.js for framework-agnostic use, and D3.js for custom, publication-quality graphics
Covers 10+ chart types including line, bar, pie, area, scatter, and heatmaps, with guidance on when to use each
Includes dashboard patterns for KPI cards, real-time monitoring with Server-Sent Events, and interactive filtering with drill-down capa
AI-first code editor with Composer
Before installing skills in Cursor, ensure your development environment meets these requirements:
node --versiondata-visualizerExecute the skills CLI command in your project's root directory to begin installation:
epx add daffy0208/ai-dev-standards --skill data-visualizerFetches data-visualizer from daffy0208/ai-dev-standards and configures it for Cursor.
The CLI shows a list of agents. Use arrow keys and space to select Cursor:
Confirm successful installation by checking the skill directory location:
.cursor/skills/data-visualizer
Restart Cursor to activate data-visualizer. Access via /data-visualizerin your agent's command palette.
Learn more:View source on GitHubSkills CLI docsAbout CursorWhat are agent skills?
Time estimate: 30-60 minutes to see productivity improvements
Prerequisites
Steps
Common Pitfalls
✓ Do
✗ Don't
💡 Pro Tips
✓ Use when
Use for user story writing, competitive research, roadmap prioritization, stakeholder communication, and PRD drafting. Best for reducing repetitive documentation and research work.
✗ Avoid when
Avoid for strategic product vision (requires deep customer empathy), pricing decisions (needs market and financial expertise), or when face-to-face customer discovery is more valuable than speed.
write-a-prd
mattpocock/skills · Productivity · same category
premortem
parcadei/continuous-claude-v3 · Productivity · same category
pagespeed-insights
enderpuentes/ai-agent-skills · Productivity · same category
xauusd-trading
huynguyen03dev/xauusd-trading · Productivity · same category
reverse-engineering-tools
gmh5225/awesome-game-security · Productivity · same category
smart-ocr
claude-office-skills/skills · Productivity · same category
Solid pick for teams standardizing on skills: data-visualizer is focused, and the summary matches what you get after install.
Solid pick for teams standardizing on skills: data-visualizer is focused, and the summary matches what you get after install.
Keeps context tight: data-visualizer is the kind of skill you can hand to a new teammate without a long onboarding doc.
data-visualizer is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.
We added data-visualizer from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.
We added data-visualizer from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.
data-visualizer fits our agent workflows well — practical, well scoped, and easy to wire into existing repos.
data-visualizer is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.
data-visualizer fits our agent workflows well — practical, well scoped, and easy to wire into existing repos.
Registry listing for data-visualizer matched our evaluation — installs cleanly and behaves as described in the markdown.
showing 1-10 of 30