react-anti-patterns
CommunityCatch React anti-patterns, ship better code.
Authorb4r7x
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers identify and fix common anti-patterns in React code, particularly useful for reviewing AI-generated code or code from junior developers, leading to more robust and maintainable applications.
Core Features & Use Cases
- Comprehensive Anti-pattern Detection: Covers 18 common React anti-patterns, categorized by detection difficulty (hard, medium, easy).
- Code Examples: Provides clear "before" (❌) and "after" (✅) code snippets for each anti-pattern.
- Use Case: When reviewing a new feature implemented by an AI assistant, use this skill to quickly scan the code for potential issues like stale closures, state mutation, or useEffect abuse before merging.
Quick Start
Use the react-anti-patterns skill to review the provided React code for common anti-patterns.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-anti-patterns Download link: https://github.com/b4r7x/agent-skills/archive/main.zip#react-anti-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.