AgentToolHub
Skill

react-patterns

react-patterns — a Claude Code skill from casper-studios/casper-marketplace

Features

  • ✓Business automation plugins
  • ✓Data analysis and storytelling
  • ✓Workflow automation for dev tasks
  • ✓React idiomatic patterns library
  • ✓Explore all plugins on GitHub

Installation Guide

Install all skills globally (recommended)

bash
# Install the skills CLI, then add everything from the marketplace
npx skills add https://github.com/Casper-Studios/casper-marketplace --all -g

The --all flag is idempotent — it installs new skills and overwrites existing ones. The CLI handles cloning, diffing, and symlinking internally.

Install a specific skill

bash
npx skills add https://github.com/Casper-Studios/casper-marketplace --skill commit
npx skills add https://github.com/Casper-Studios/casper-marketplace --skill pr-comments

Install via /plugin command

bash
# Add the Casper Studios marketplace
/plugin marketplace add Casper-Studios/casper-marketplace

# Install a specific plugin
/plugin install casper
/plugin install data-analysis
/plugin install dev-toolkit
/plugin install stack-patterns

Auto-sync on session start

Add sync-skills.sh as a Claude Code hook to keep all marketplace plugins up-to-date automatically:

jsonc
// ~/.claude/settings.json
{
  "hooks": {
    "SessionStart": [
      {
        "matcher": "startup",
        "hooks": [
          {
            "type": "command",
            "command": "bash /path/to/sync-skills.sh",
            "timeout": 60,
            "async": true
          }
        ]
      }
    ]
  }
}

Reviews