القائمة
既存デザインシステムコンポーネント（Button / Input / Modal / Card 等）を再実装していないかを検出する。Figma→コード実装時に既存コンポーネントを無視した実装を防ぐ。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
استنادا إلى تصنيف SOC المهني
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/s977043/river-review --skill design-system-component-reuse-guardيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
عرض SKILL.md
6つの専門レビュアーロールを並列実行し、consensusLevel（複数ロールの合意度）と Tech Lead レポート（top3指摘・blindSpots・consensusSummary）で結果を統合する マルチエージェントレビュー entry skill。 Parallel multi-role review with consensus scoring (consensusLevel) and Tech Lead report. Use when a major release needs exhaustive multi-angle review, or when a single-perspective review is not enough and you want confidence that no reviewer angle was missed（重要リリース前の網羅レビュー・多視点の確証が 欲しいとき）。
検査器（linter / ガード / CI ゲート / バリデータ / フィルタ）そのものの検出力が差分で静かに落ちていないか、また新設した検査が実際に検出できることが実証されているかを diff-time で検出する。Check 1 unverified detection reduction（検査器の検出ロジック（正規表現・除外パターン・解決集合・allowlist・baseline）を変更して検出件数が減ったのに、減った 1 件ずつが誤検出であった根拠が示されないまま「誤検出を潰した」「N → M 件に減少」と改善として主張している）、Check 2 unproven guard detection power（新しい検査ロジック・CI ゲート・バリデーションを追加・変更したのに、検出すべき入力を注入して検出されること／検出すべきでない入力で黙ることを示す変異注入の証跡が無く、「追加した」「CI が緑」を検出力の証拠として扱っている）、の 2 Check を対象とする report-only。テスト自身のアサーションが実質何も検証していない構造は test-assertion-effectiveness、レビュー基準・品質ゲートの明示的な弱体化（ルールの削除・閾値の引き下げ・suppression entry 追加・lint ルールの無効化）は review-criteria-integrity、リファクタ完了主張一般の検証は refactor-claim-audit、workflow の permissions と action pin は gha-workflow-security、設定ファイルの構文・型の妥当性は config-json へ委譲する
pbi-input, plan, todo, test-cases 間の整合性をチェックし、実装着手前の仕様漏れを検知する
| id | design-system-component-reuse |
| name | Design System Component Reuse Guard |
| description | 既存デザインシステムコンポーネント（Button / Input / Modal / Card 等）を再実装していないかを検出する。Figma→コード実装時に既存コンポーネントを無視した実装を防ぐ。 |
| version | 0.1.0 |
| category | midstream |
| phase | midstream |
| applyTo | ["src/**/*.{ts,tsx,js,jsx}","app/**/*.{ts,tsx,js,jsx}","components/**/*.{ts,tsx,js,jsx}"] |
| tags | ["community","design-system","component-reuse","ui","midstream"] |
| severity | major |
| inputContext | ["diff"] |
| outputKind | ["findings","actions"] |
| modelHint | balanced |
src/components/ui/、src/components/base/、components/ui/、components/base/ 配下である場合 — これはデザインシステム本体の定義であり指摘しない。Button.tsx, Input.tsx, Modal.tsx）— 定義ファイル自体は指摘しない。children を受け取り内部で別のコンポーネントへ委譲するラッパーコンポーネント — 指摘しない。*.test.tsx, *.spec.tsx）および Storybook ストーリー（*.stories.tsx）— 指摘しない。差分が以下のパターンに該当し、かつ抑制条件に当てはまらない場合に指摘する:
| プリミティブ | 検出シグナル |
|---|---|
| Button | <button + 3 つ以上の className トークン or style= + クリックハンドラ、かつ Button / Btn コンポーネントが存在しそうな文脈 |
| Input / TextField | <input + カスタムスタイリング（className または style=）、かつ Input / TextField コンポーネントが存在しそうな文脈 |
| Modal / Dialog | position: fixed または z-index の手動管理 + オーバーレイ div でモーダル振る舞いを実装 |
| Card | box-shadow / border-radius 付きの汎用 div で「カード」レイアウトを構成 |
| Badge / Tag | ピル形状スタイル（rounded-full / border-radius: 9999px 等）付きの <span> や <div> |
SubmitButton.tsx, ）でありながら、内部で素の HTML 要素を直接スタイリングしている。UserBadge.tsxstyle= 属性を持つ素の HTML 要素がコンポーネントのルートになっている。Button, Input, Modal 等）が存在するはずの構造（components/ui/ や lib/components/ の存在）が示唆されている。medium とする。No findings を返す。Finding: <コンポーネント種別> が再実装されており、既存コンポーネントの再利用機会ありEvidence: <ファイル:行 — コードスニペット>Suggestion: を からインポートして使用することを検討するSeverity: majorConfidence: medium.river/rules.md や README に記載されている場合はその方針を優先する。