Community라이팅 & 에디팅github.com

thanatornPik/nextjs-skill-app-workshop

Next.js 프로젝트에서 커밋 메시지 작성 및 git 기록 검토를 위한 스킬입니다. "commit this", "write a commit message", "git commit" 등 명령어에 반응하며, 프로젝트 구조에 맞는 컨벤셔널 커밋 형식과 태국어 주석 규칙, 범위 규칙을 제공합니다.

nextjs-skill-app-workshop란 무엇인가요?

이 스킬은 Next.js 프로젝트에서 Git 커밋 메시지를 표준화된 형식으로 작성하고 git 히스토리를 검토할 때 사용됩니다. `feat`, `fix`, `refactor` 등 7가지 타입과 `auth`, `product`, `cart` 등 프로젝트의 폴더 구조에 맞춘 10가지 범위(scope)를 제공하여 일관된 커밋 메시지를 보장합니다. 또한 태국어 주석 규칙(영어 사용, 72자 제한, 현재형 사용)과 `.env` 파일 커밋 금지, Prisma 스키마 변경 시 `npx prisma generate` 실행 등 프로젝트별 주의사항을 포함하여 실수를 방지합니다. Cursor, Claude Code, Codex 등 AI 에이전트 기반 개발 도구와 호환되며, 커밋 전 린트 체크, 타입 정의 위치, 파일명 규칙(kebab-case)을 자동으로 확인해줍니다.

지원 대상~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자 이내
  • 끝에 마침표(period) 없음
  • 현재형 사용: "add", "fix", "update" ("added", "fixed" 사용 금지)

예시

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를 사용하여 hook을 건너뛰지 말 것

커밋 전 체크리스트

  • 스테이징 영역에 .env 파일이나 시크릿 파일 없음
  • npm run lint 오류 없이 통과
  • 새로운 Type은 src/types/에 정의하고, 컴포넌트에 인라인으로 작성하지 않음
  • 파일명은 kebab-case 사용 (예: product-service.ts)

Individual skills in this repo

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

관련 스킬