← All skills

react-patterns

75 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By Everyone-Needs-A-Copilot/claude-copilot (GitHub) · coding · 14 stars · scanned at commit 0f57aa5

React component patterns, hooks, anti-patterns, and quality rules — with deterministic regex-based React anti-pattern detection for JSX, TSX, useState, useEffect, conditional hooks, key-prop anti-patterns, and context usage. Use proactively when reviewing React component files (.jsx, .tsx), enforcing hooks rules (no conditional hooks), catching key-prop anti-patterns in list rendering, or running a pre-review scan of React codebases. Run the checker for deterministic scanning.

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

• 100 Low riskreact-best-practiceszhongjingyun/codex-plugins · 30 stars
• 82 Low riskdata-client-reactreactive/data-client · 2,041 stars
• 100 Low riskreactNazmusSayad/.dotfiles · 117 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'react-patterns' ] || [ -L ~/.agents/skills/'react-patterns' ]; then echo 'A skill folder named react-patterns already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/Everyone-Needs-A-Copilot/claude-copilot' "$d" && git -C "$d" checkout --quiet '0f57aa588a5c2c7da021b976edc1b176ea602022' -- '.claude/skills/code/react-patterns' && mkdir -p ~/.agents/skills && cp -R "$d"/'.claude/skills/code/react-patterns' ~/.agents/skills/'react-patterns' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'react-patterns' ~/.claude/skills/'react-patterns' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for Everyone-Needs-A-Copilot/claude-copilot shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/Everyone-Needs-A-Copilot/claude-copilot.svg)](https://zalavijaysinh.github.io/skilltrust/repos/Everyone-Needs-A-Copilot/claude-copilot/)

Score history