Communityライティング&編集github.com

thanatornPik/nextjs-skill-app-workshop

このスキルは、Next.jsプロジェクトでコードをコミットするとき、コミットメッセージを書くとき、またはgit履歴を確認するときに使用します。「これをコミットして」「コミットメッセージを書いて」「コミット内容は?」「git commit」などのリクエストで起動します。プロジェクト固有の従来のコミット形式、タイ語のコメント規約、コードベース構造に合わせたスコープルールを提供します。

nextjs-skill-app-workshop とは?

このスキルは、Next.jsプロジェクト向けにGitコミットのガイドラインを提供します。従来のコミット形式(Conventional Commits)に準拠した構造化されたコミットメッセージを定義し、タイプ(feat、fix、refactorなど)とプロジェクト固有のスコープ(auth、product、cartなど)を組み合わせて使用します。これにより、コミット履歴の読みやすさと一貫性が向上し、自動的な変更ログ生成やリリースノート作成が容易になります。スキルは、Claude CodeやCursor、CodexなどのAIエージェントと連携して動作し、ユーザーのコミットリクエストに応じて適切なメッセージを生成します。また、コミット前のチェックリスト(.envファイルの除外、Prismaクライアントの再生成、リンターのパスなど)も含まれており、プロジェクト固有のベストプラクティスを強制します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thanatornPik/nextjs-skill-app-workshop/tree/HEAD/.agents/skills/git-commit-automate

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

Gitコミットガイドライン

コミットメッセージの書式

<タイプ>(<スコープ>): <タイ語または英語の件名>

[オプションの本文]

タイプ

タイプ使用タイミング
feat新機能またはページの追加
fixバグ修正
refactor振る舞いを変えずにコードを再構成
styleUI/CSSの変更のみ(ロジック変更なし)
chore設定、依存関係、ツール(prisma generateなど)
docsドキュメントまたはコメント変更
perfパフォーマンス改善

このプロジェクトに合わせたスコープ

スコープ対応するパス
authsrc/lib/auth.ts、src/lib/auth-client.ts、(auth)/ ルート
product(front)/product/、app-product-card.tsx
cartsrc/lib/cart-store.ts、カートコンポーネント
course(front)/course/、src/services/course-service.ts
contact(front)/contact/、src/app/api/contact/
prismaprisma/schema.prisma、src/lib/prisma.ts
uisrc/components/ui/、src/components/
layout(front)/layout.tsx、(auth)/layout.tsx
apisrc/app/api/
confignext.config.ts、prisma.config.ts、.env

件名のルール

  • 英語のみ使用する
  • 短い文で72文字以内にする
  • 末尾にピリオドを付けない
  • 現在形を使用する:「added」「fixed」ではなく「add」「fix」「update」

例

feat(product): add product detail page
fix(cart): fix totalPrice calculation when qty is 0
chore(prisma): regenerate Prisma client after schema changes
style(ui): update badge color in hero component
refactor(auth): extract signIn logic from page component
feat(api): add GET /api/products endpoint with pagination
fix(contact): prevent XSS in email HTML template

注意点

  • .env ファイルはコミットしないこと — BETTER_AUTH_SECRET および DATABASE_URL が含まれています
  • generated/prisma/ ファイルはgitignoreされています — ステージしないでください
  • スキーマを変更した場合は、スキーマをコミットする前に npx prisma generate を実行すること
  • 理由なく --no-verify を使用してフックをスキップしないこと

コミット前のチェックリスト

  • ステージングエリアに .env ファイルやシークレットがないこと
  • npm run lint がエラーなくパスすること
  • 新しいタイプは src/types/ に定義し、コンポーネント内にインラインで定義しないこと
  • ファイル名はkebab-case(例:product-service.ts)であること

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

関連スキル