Button.tsx / button.tsx / userCard.tsx など、ClaudeCodeで作成しでファイル名の命名揺れが気になったので、biomeでファル名の命名を制限できないか試みた。

実際に使ってみたら

なぜかbiome の file-name ルールは1つしか使えなかった。

そのため、 components 配下の tsxを PascalCase に統一することだけにした

それ以外のファイルの制限はClaudeCode側の出力の制限で何とかすることにした。

biome 設定例

{
  "$schema": "https://biomejs.dev/schemas/1.8.0/schema.json",
  "linter": {
    "rules": {
      "style": {
        "file-name": {
          "pattern": "^[A-Z][A-Za-z0-9]*\\.tsx$",
          "include": ["src/components/**/*"]
        }
      }
    }
  }
}

まとめ

コンポーネントのファイルであることは視覚的にすぐ判別できるようになった。 もっと細かい制限をつけたい。