ClaudeMod
Back to browse
Skills

React Component Skill

A specialized Claude Code skill for generating production-ready React components with TypeScript, accessibility best practices, and Tailwind CSS styling.

Anthropic126,797 starsAdded 3 months ago

Claude Code

npm

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows -- all through natural language commands. Use it in your terminal, IDE, or tag @claude on Github.

Learn more in the official documentation.

Get started

[!NOTE] Installation via npm is deprecated. Use one of the recommended methods below.

For more installation options, uninstall steps, and troubleshooting, see the setup documentation.

  1. Install Claude Code:

    MacOS/Linux (Recommended):

    curl -fsSL https://claude.ai/install.sh | bash
    

    Homebrew (MacOS/Linux):

    brew install --cask claude-code
    

    Windows (Recommended):

    irm https://claude.ai/install.ps1 | iex
    

    WinGet (Windows):

    winget install Anthropic.ClaudeCode
    

    NPM (Deprecated):

    npm install -g @anthropic-ai/claude-code
    
  2. Navigate to your project directory and run claude.

Plugins

This repository includes several Claude Code plugins that extend functionality with custom commands and agents. See the plugins directory for detailed documentation on available plugins.

Reporting Bugs

We welcome your feedback. Use the /bug command to report issues directly within Claude Code, or file a GitHub issue.

Connect on Discord

Join the Claude Developers Discord to connect with other developers using Claude Code. Get help, share feedback, and discuss your projects with the community.

Data collection, usage, and retention

When you use Claude Code, we collect feedback, which includes usage data (such as code acceptance or rejections), associated conversation data, and user feedback submitted via the /bug command.

How we use your data

See our data usage policies.

Privacy safeguards

We have implemented several safeguards to protect your data, including limited retention periods for sensitive information, restricted access to user session data, and clear policies against using feedback for model training.

For full details, please review our Commercial Terms of Service and Privacy Policy.

More Skills

Skills

Superpowers

obra's power-user Claude Code skill pack — deep workflow automations for veteran developers: smart refactoring, architecture analysis, and opinionated code generation.

power-userrefactoringarchitecture+3
by Jesse Vincent
GitHub
Skills

ECC E2E Testing

Playwright end-to-end testing patterns skill from everything-claude-code — page object models, fixture management, CI integration, and cross-browser test strategies.

playwrighte2etesting+3
by Affaan M
GitHub
Skills

Claude Code Video Toolkit

AI-native video production toolkit for Claude Code by DigitalSamba. Programmatically generate and orchestrate video.

videotoolkitdigitalsamba+1
by DigitalSamba
GitHub

Command Palette

Search for a command to run...