recharts

0
C

Recharts for React data visualization. Covers line, bar, area, pie charts with responsive containers and customization. Triggers on recharts, chart, LineChart, BarChart.

CommandsAgentsMarketplace
#chart#recharts#recharts description#chart types#React data#React#Fetch Recharts#charts

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install settlemint/agent-marketplace/recharts
skilz install settlemint/agent-marketplace/recharts --agent opencode
skilz install settlemint/agent-marketplace/recharts --agent codex
skilz install settlemint/agent-marketplace/recharts --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/settlemint/agent-marketplace
2. Copy the agent skill directory:
cp -r agent-marketplace/devtools/skills/recharts ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Type
Other
Meta-Domain
Primary Domain
Market Score
0

Agent Skill Grade

C
Score: 77/100 Click to see breakdown

Score Breakdown

Spec Compliance
14/15
PDA Architecture
19/30
Ease of Use
22/25
Writing Style
8/10
Utility
16/20
Modifiers: -2

Areas to Improve

  • No reference file architecture
  • Missing table of contents
  • Redundant import statements

Recommendations

  • Address 1 high-severity issues first
  • Add trigger phrases to description for discoverability
  • Add table of contents for files over 100 lines

Graded: 2026-01-19

Developer Feedback

I took a look at your recharts skill and wanted to share some thoughts.

Links:

The TL;DR

You're at 77/100, solid C-grade territory. This is based on Anthropic's skill best practices rubric. Your strongest area is Spec Compliance (14/15) — the frontmatter and structure are clean. The biggest drag is Progressive Disclosure Architecture (19/30) — everything's crammed into one 351-line file without the layered reference structure that helps users navigate efficiently.

What's Working Well

  • Spec compliance is tight — Valid YAML, proper naming conventions, good description with 30+ triggers covering chart types and natural language patterns like "show data over time"
  • Strong trigger coverage — You've got regex patterns and variations that'll catch real developer queries
  • Practical examples — Four complete chart type examples with realistic data; the custom tooltip and tick templates are useful for common customization needs
  • Clear decision making — The chart type decision tree helps devs pick the right component without guessing

The Big One: No Reference Architecture

Your entire skill is one monolithic file. With 351 lines, this violates progressive disclosure — devs can't easily navigate to what they need, and you're not leveraging the token efficiency that reference files provide.

The fix: Split it up:

  • references/chart-types.md — Detailed specs for BarChart, LineChart, AreaChart, PieChart (move your current chart type sections here)
  • references/customization.md — All the tooltip, tick, and styling examples
  • Keep your main SKILL.md lean with quick start and decision tree

This structure alone could get you +6 points and makes the skill way easier to use.

Other Things Worth Fixing

  1. **Add a ...

AI-Detected Topics

Extracted using NLP analysis

chart recharts recharts description chart types React data React Fetch Recharts charts pie charts Pie chart

Report Security Issue

Found a security vulnerability in this agent skill?