skills/beforemerge/beforemerge-skills/beforemerge-react-review

beforemerge-react-review

SKILL.md

BeforeMerge: React Review

Comprehensive code review knowledge base for React applications (framework-agnostic). Contains rules across 4 categories — security, performance, architecture, and quality — prioritized by impact.

When to Apply

Reference these rules when:

  • Reviewing pull requests for React/TypeScript projects
  • Writing new components, hooks, or utilities
  • Auditing existing code for security vulnerabilities
  • Refactoring code for performance or maintainability
  • Running pre-merge quality checks

Rule Categories by Priority

Priority Category Impact Prefix Focus
1 Security CRITICAL sec- CWE-mapped anti-patterns
2 Performance HIGH perf- Runtime rendering optimization
3 Architecture MEDIUM arch- Design patterns and code organization
4 Quality MEDIUM qual- Maintainability and code health

How to Use

Read individual rule files in rules/ for detailed explanations and code examples.

Each rule contains:

  • Brief explanation of why it matters
  • Incorrect code example with explanation
  • Correct code example with explanation
  • CWE mapping where applicable
  • References to official documentation

For the complete compiled guide: AGENTS.md

Weekly Installs
6
GitHub Stars
2
First Seen
3 days ago
Installed on
opencode6
gemini-cli6
claude-code6
github-copilot6
codex6
kimi-cli6