一言で通じるやつ
このコード汚い。きれいにして。
マジでこれで動く。Claude Codeがファイルを読んで、重複排除、命名改善、構造整理をやってくれる。
もうちょい具体的に投げるパターン
ファイルが長すぎる
src/app/page.tsx が500行ある。コンポーネントに分割して。
同じコードがコピペされてる
似た処理があちこちにある気がする。共通化して。
型が雑
any 型を全部探して、ちゃんとした型に直して。
JavaScript → TypeScript
このプロジェクト全体をTypeScriptに変換して。
型定義もちゃんとつけて。
「動作は変えないで」がポイント
リファクタで一番怖いのは動かなくなること。こう投げる:
このファイルをリファクタして。
動作は絶対に変えないで。
終わったらビルドが通ることを確認して。
大きいリファクタは段階的に
Step 1: まず影響範囲を教えて。まだ変えないで。
→ 確認してから:
OK。その方針でやって。
パフォーマンスも
このページの表示が遅い。ボトルネックを探して直して。
画像が重い。next/image で最適化して。
セキュリティチェック
このプロジェクトにセキュリティの穴がないかチェックして。
XSS、SQLインジェクション、環境変数の漏洩を見て。
古いライブラリの更新
package.json を見て、古いやつがあればアップデートして。
壊れないか確認してから。
困ったらこれ
いい感じにして。
範囲が広すぎて怖いけど、小さいプロジェクトなら意外と的確にやってくれる。