CommunityWriting & Editinggithub.com

thanatornPik/nextjs-skill-app-workshop

Use this skill when committing code, writing commit messages, or reviewing git history in this Next.js project. Triggers on: "commit this", "write a commit message", "what should my commit say", "git commit", or any request to stage and commit changes. Provides project-specific conventional commit format, Thai-language comment conventions, and scope rules matched to this codebase's structure.

What is nextjs-skill-app-workshop?

nextjs-skill-app-workshop is a Claude Code agent skill that use this skill when committing code, writing commit messages, or reviewing git history in this Next.js project. Triggers on: "commit this", "write a commit message", "what should my commit say", "git commit", or any request to stage and commit changes. Provides project-specific conventional commit format, Thai-language comment conventions, and scope rules matched to this codebase's structure.

Works with~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 Writing & Editing skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

Git Commit Guidelines

Commit Message Format

<type>(<scope>): <subject in Thai or English>

[optional body]

Types

TypeWhen to use
featNew feature or page added
fixBug fix
refactorCode restructure without behavior change
styleUI/CSS changes only (no logic change)
choreConfig, deps, tooling (prisma generate, etc.)
docsDocumentation or comment changes
perfPerformance improvement

Scopes Matched to This Project

ScopeMaps to
authsrc/lib/auth.ts, src/lib/auth-client.ts, (auth)/ routes
product(front)/product/, app-product-card.tsx
cartsrc/lib/cart-store.ts, cart components
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

Subject Rules

  • ใช้อังกฤษเท่านั้น
  • ประโยคสั้นๆ ไม่เกิน 72 ตัวอักษร
  • ไม่ต้องมี period ท้ายประโยค
  • ใช้ present tense: "add", "fix", "update" ไม่ใช่ "added", "fixed"

Examples

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

Gotchas

  • ห้าม commit ไฟล์ .env — มี BETTER_AUTH_SECRET และ DATABASE_URL
  • ไฟล์ generated/prisma/ ถูก gitignore — ไม่ต้อง stage
  • ถ้าแก้ schema แล้วต้อง npx prisma generate ก่อน commit ตัว schema
  • ไม่ใช้ --no-verify เพื่อข้าม hook โดยไม่มีเหตุผล

Checklist Before Committing

  • ไม่มีไฟล์ .env หรือ secret ใน staging area
  • npm run lint ผ่านโดยไม่มี error
  • Type ใหม่อยู่ใน src/types/ ไม่ใช่ inline ใน component
  • ไฟล์ชื่อ kebab-case เช่น product-service.ts

Individual skills in this repo

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

Related Skills