mcpField
B
beforemerge-react-review

beforemerge-react-review

github.com/beforemergeテスト・品質341 回インストール29 週間前に更新
リポジトリ

beforemerge-react-review について

beforemerge-react-reviewは、Reactアプリケーションのレビューや実装に携わる開発者向けのルール集です。セキュリティ、パフォーマンス、アーキテクチャ、品質を影響度順に扱い、コード例も掲載しています。

主な機能

  1. 01CWEに対応したセキュリティ規則
  2. 02実行時レンダリングの性能指針
  3. 03アーキテクチャとコード構成のパターン
  4. 04保守性とコード品質の確認
  5. 05誤りと修正後のコード例

活用シーン

  1. 01React/TypeScriptのプルリクエストレビュー
  2. 02コンポーネントのセキュリティ監査
  3. 03リファクタリング時の性能確認
  4. 04マージ前の品質チェック

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/beforemerge-react-reviewを入力して読み込まれたか確認します。

同梱ファイル

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

詳細

BeforeMerge：React レビュー

React アプリケーション向けの包括的なコードレビューナレッジベースです（フレームワークに依存しません）。影響度に応じて優先順位付けされた、セキュリティ、パフォーマンス、アーキテクチャ、品質の4カテゴリにわたるルールを収録しています。

適用する場面

以下の場合に、これらのルールを参照してください。

  • React／TypeScript プロジェクトのプルリクエストをレビューするとき
  • 新しいコンポーネント、フック、ユーティリティを作成するとき
  • 既存のコードを監査し、セキュリティ脆弱性を確認するとき
  • パフォーマンスや保守性を高めるためにコードをリファクタリングするとき
  • マージ前の品質チェックを実施するとき

優先度別のルールカテゴリ

優先度カテゴリ影響度接頭辞主な対象
1セキュリティCRITICALsec-CWE に対応したアンチパターン
2パフォーマンスHIGHperf-実行時のレンダリング最適化
3アーキテクチャMEDIUMarch-デザインパターンとコード構成
4品質MEDIUMqual-保守性とコードの健全性

使用方法

詳しい解説とコード例については、rules/ 内の個別のルールファイルをお読みください。

各ルールには、以下が含まれています。

  • 重要な理由の簡潔な説明
  • 解説付きの誤ったコード例
  • 解説付きの正しいコード例
  • 該当する場合は CWE との対応付け
  • 公式ドキュメントへの参照

完全版のガイド：AGENTS.md

コメント

Markdown 対応