react-patterns
80 / 100 · Low risk
Fine to try.
React 19 performance patterns and composition architecture for Vite + Cloudflare projects. 50+ rules ranked by impact — eliminating waterfalls, bundle optimisation, re-render prevention, composition over boolean props, server/client boundaries, and React 19 APIs. Use when writing, reviewing, or refactoring React components. Triggers: 'react patterns', 'react review', 'react performance', 'optimise components', 'react best practices', 'composition patterns', 'why is it slow', 'reduce re-renders'…
What this skill can do
Connects to the internet
Downloads and installs other software
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/jezweb/claude-skills' "$d" && git -C "$d" checkout --quiet '1260fa7439b36b18dbf16648ccc7fb44783f6c23' -- 'plugins/frontend/skills/react-patterns' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/frontend/skills/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
[](https://zalavijaysinh.github.io/skilltrust/repos/jezweb/claude-skills/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-08 | 1260fa7 | 80 |
| 2026-11-07 | 1260fa7 | 80 |