ban-pattern

AI生成UIに頻出する「それっぽい」装飾パターンを特定し、DS全体の禁止ルールとして登録する。 ## 手順 ### Step 1: パターンを特定する ユーザーの説明（テキスト or スクリーンショット）から、禁止対象のパターンを特定する。 以下を明確にする: - **何が問題か**: どの視覚要素がAI生成っぽいのか - **該当する Tailwind クラス / CSS**: 具体的な実装パターン（例: `border-l-4`, `bg-gradient-to-r`） - **代替パターン**: DS準拠の代わりの実装 不明点があれば AskUserQuestion で確認する。推測で進めない。 ### Step 2: 既存ルールと重複がないか確認する 以下を読み込む: - `design/contracts/rules.json` の `rules[]`（**SSOT。機械可読版**。同じ pattern / 趣旨のルールが無いか） - `foundations/prohibited.md` の「AI生成パターンの排除」セクション（人間向けミラー） 既に同じ or 類似のルールが存在する場合は、ユーザーに報告して既存ルールの更新��対応するか確認する。 ### Step 3: 禁止ルールを登録する **SSOT は `design/contracts/rules.json`**。CI / MCP `check_rule` / PostToolUse hook はすべて rules.json を参照する。ここに機械可読ルールを足して初めて「ban → 即 enforcement」が成立する。 prohibited.md は人間向けの解説ミラーであり、enforcement の実体ではない。順序厳守: #### 3-1. `design/contracts/rules.json` — 機械可読ルールを追加（最優先） `rules[]` 配列にルールオブジェクトを 1 件追加する。スキーマは `design/schemas/rule.schema.json`。 **detector の選び方**（これで自動検出されるか・人手参照に留まるかが決まる）: | detector | いつ使う | 必須フィールド | 例 | |---|---|---|---| | `tailwind-class` | 単一の固定クラスを禁止 | `pattern`（クラス名） | `border-l-4`, `shadow-2xl` | | `tailwind-class-prefix` | 前方一致で複数バリアントを一網打尽 | `pattern`（接頭辞）。任意値回避経路があれば `prefixPatterns` も | `bg-gradient-` | | `tailwind-class-segment` | クラスを `-` 分割したセグメント一致（色名等） | `matchPatterns`（セグメント配列）、`pattern: null` | `purple`/`violet` | | `manual` | 静的検出が原理的に不能（文脈判断） | `pattern: null`、`contractLint: "skip"` | 「色だけで状態を伝達」 | **フィールド規約**: - `id`: 大文字スネーク（`^[A-Z][A-Z0-9_]+$`）。AI生成装飾は `AI_NO_*`、特定コンポーネントは `<COMPON...