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.

Anthropic108,166 starsAdded 1 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

ECC Frontend Patterns

React and Next.js component patterns skill from everything-claude-code — Tailwind utility conventions, accessibility checklists, and composable UI architecture.

reactnextjstailwind+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
Skills

Marketing Skills

Corey Haines' collection of AI agent skills for marketing professionals — conversion rate optimization, copywriting, SEO, analytics, growth engineering, and pricing strategy, all as drop-in Claude Code skills.

marketingconversioncopywriting+4
by Corey Haines
GitHub

Command Palette

Search for a command to run...