mcpField
B
beforemerge-react-review

beforemerge-react-review

github.com/beforemergeTesting & quality341 installsUpdated 29w ago
Repository

About beforemerge-react-review

beforemerge-react-review is a review knowledge base for React applications, aimed at developers reviewing or writing React and TypeScript code. Its rules cover security, performance, architecture and code quality, with impact-based priorities and examples.

Key features

  1. 01Security rules mapped to CWE
  2. 02Runtime rendering performance guidance
  3. 03Architecture and organization patterns
  4. 04Maintainability and code health checks
  5. 05Incorrect and corrected code examples

Use cases

  1. 01Reviewing React/TypeScript pull requests
  2. 02Auditing components for security issues
  3. 03Checking performance during refactoring
  4. 04Applying quality checks before merging

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/beforemerge/beforemerge-skills --skill beforemerge-react-review

After installing, type/beforemerge-react-reviewin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

AGENTS.md
metadata.json
README.md
rules/
_sections.md
_template.md
rules/architecture/
arch-component-composition.md
arch-custom-hooks.md
arch-prop-drilling.md
arch-state-colocation.md
rules/performance/
perf-context-splitting.md
perf-expensive-computations.md
perf-large-lists.md
perf-unnecessary-rerenders.md
rules/quality/
qual-controlled-vs-uncontrolled.md
qual-error-boundaries.md
qual-key-prop.md
qual-useeffect-cleanup.md
rules/security/
sec-dangerouslysetinnerhtml.md
sec-eval-injection.md
sec-insecure-randomness.md
sec-prototype-pollution.md

Details

From the project README

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

PriorityCategoryImpactPrefixFocus
1SecurityCRITICALsec-CWE-mapped anti-patterns
2PerformanceHIGHperf-Runtime rendering optimization
3ArchitectureMEDIUMarch-Design patterns and code organization
4QualityMEDIUMqual-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

Comments

Markdown supported