lint-checker

コード品質チェック専門スキル

役割

TypeScript/JavaScript ファイルのコード品質を自動チェックし、問題を指摘・修正する。

発火条件（確定的パターン）

このスキルは以下の場合に必ず実行される：

トリガー:
  - TypeScript/JavaScript ファイルを作成・編集した後
  - コミット前のコード品質確認
  - ユーザーが「lint して」「コードチェックして」と言った場合

チェック項目

1. ESLint ルール違反:
   - 未使用変数
   - console.log の残存
   - any 型の多用

2. TypeScript エラー:
   - 型エラー
   - null/undefined チェック漏れ

3. コーディング規約:
   - 命名規則
   - インデント
   - セミコロン

4. ベストプラクティス:
   - async/await の適切な使用
   - error handling の有無

実行手順

# 1. ESLint 実行
pnpm lint

# 2. TypeScript チェック
pnpm tsc --noEmit

# 3. 結果の解析と報告

出力形式

=== Lint Checker Results ===

[ESLint]
✓ No errors found

[TypeScript]
✗ 3 errors found:
  - src/app/page.tsx:15 - Type 'string' is not assignable to type 'number'
  - src/components/Header.tsx:8 - 'useState' is declared but never used

[Recommendations]
1. Fix type error in page.tsx:15
2. Remove unused import in Header.tsx

=== Summary ===
Status: FAIL
Errors: 3
Warnings: 0

修正提案

問題を発見した場合、以下を提案：

自動修正可能:
  - pnpm lint --fix で修正

手動修正必要:
  - 型エラーの修正方法を具体的に提案
  - コード例を提示

使用例

CLAUDE.md への統合（確定的発火）

## コード作成後の必須事項

- TypeScript/JavaScript ファイルを作成・編集した後は、必ず `lint-checker` スキルを実行すること

この記載により、LLM は TypeScript/JavaScript ファイルを編集するたびに自動的にこのスキルを呼び出す。

設定ファイル

必要なファイル:
  - .eslintrc.json: ESLint 設定
  - tsconfig.json: TypeScript 設定
  - package.json: lint スクリプト

推奨設定:
  - ESLint: next/core-web-vitals
  - TypeScript: strict mode