recharts

التثبيت
CLI
npx skills add https://github.com/ansanabria/skills --skill recharts

قم بتثبيت هذه المهارة باستخدام واجهة سطر الأوامر (CLI) وابدأ في استخدام سير عمل SKILL.md في مساحة عملك.

آخر تحديث 4/22/2026

Custom Skills Repository

This repository stores custom AI skills designed to extend the capabilities of AI agents. All skills listed here will be installed using the Vercel Skills CLI.

Overview

Skills are domain-specific guides that teach AI agents how to work with particular libraries, frameworks, or tools. Each skill contains:

  • Structured documentation (SKILL.md with frontmatter metadata)
  • API references (detailed function/component documentation)
  • Code examples (practical, copy-pasteable snippets)
  • Best practices (patterns, anti-patterns, and optimization guides)

Repository Structure

.
├── AGENTS.md              # Rules for future AI agents working in this repo
├── README.md              # This file
└── skills/                # All custom skills live here
    ├── skill-name-1/      # Individual skill directory
    │   ├── SKILL.md
    │   └── references/
    └── skill-name-2/
        └── ...

Installing Skills with Vercel Skills CLI

This repository is designed to work with the Vercel Skills CLI, giving you fine-grained control over:

  • Where skills are installed (specific directories or projects)
  • Which agents have access to each skill, such as OpenCode or Cursor.

Local Development Workflow

I have a workflow for skills installation. If it is a skill that I might use in most projects, I'll put them in the global installation directory (normally ~/.agents/). If it is a skill very specific to the project at hand, I'll install it in the project's root directory.

How I created the skills

Usually, I'll use a model like Claude Opus 4.6 and point it to the docs of the tool I intend the agent to use. I also have the skill-creator skill by Anthropic to properly create the skills and then structure the best patterns for the tool.

Available Skills

Skill Description Status
recharts React charting library with comprehensive examples and best practices ✅ Complete