Commit Skill
変更内容を機能ごと・内容ごとに適切にコミットを分割して作成する。
Commit Prefix
以下のprefixを使い分ける:
prefix 用途 例
feat
新機能追加・UI/振る舞いの変更 feat: ログインダイアログ追加
chore
設定・依存関係・CIなど chore: eslint設定更新
test
テスト追加・修正 test: ArticleCard テスト追加
docs
ドキュメント変更 docs: README更新
refactor
ユーザーから見て振る舞いが変わらない内部改善 refactor: formatTimeAgo を共通関数に抽出
fix
バグ修正（意図しない動作の修正） fix: ダイアログが閉じない問題
Commit Message Format
feat, chore, test, docs
1行のみ。prefixの後に内容を簡潔に書く。
feat: 記事一覧を2列グリッドに変更
refactor, fix
3行目に**なぜその変更が必要だったか（理由）**を書く。
refactor: ArticleCard の formatTimeAgo をユーティリティに抽出
複数コンポーネントで同じ日時フォーマットロジックを使う必要が出たため。
fix: ログインダイアログが閉じない問題を修正
onOpenChange のコールバックが state を更新していなかったため。
Rules
-
機能ごと・内容ごとにコミットを分割する — 1つのコミットに無関係な変更を混ぜない
-
コミットメッセージに書いた内容以外の差分を含めない — git add は対象ファイルを明示的に指定する（git add -A や git add . は使わない）
-
日本語で書く — prefix 以外は日本語
-
Co-Authored-By を末尾に付与する
Procedure
-
git status と git diff で全体の変更を把握する
-
変更内容を機能・目的ごとにグルーピングする
-
グループごとに以下を実行: a. 対象ファイルのみ git add <file1> <file2> ... でステージング b. コミットメッセージを作成（上記フォーマットに従う） c. git commit を実行
-
全コミット完了後、git log --oneline -n <count> で確認
Example Workflow
1. 変更把握
git status git diff --stat
2. 機能Aのファイルだけステージング
git add src/components/features/timeline-page/timeline/Timeline.tsx git add src/components/features/timeline-page/timeline/article-card/ArticleCard.tsx
3. コミット
git commit -m "$(cat <<'EOF' feat: タイムライン記事一覧を2列グリッドに変更
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> EOF )"
4. 機能Bのファイルだけステージング
git add src/app/layout.tsx
5. コミット
git commit -m "$(cat <<'EOF' fix: layout.tsx の二重パディング修正
outer div の px-10 を削除し main を px-8 に変更。
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> EOF )"