Community코딩 & 개발github.com

thanatornPik/nextjs-skill-app-workshop

이 스킬은 개발자가 Next.js 프로젝트를 설정, 실행 또는 이해하는 방법을 물을 때 사용합니다. 새로운 팀원이 코드베이스에 대해 질문할 때 온보딩 질문에 답변합니다.

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

이 스킬은 Next.js, TypeScript, Prisma 및 Docker를 사용하는 프로젝트의 온보딩을 지원하도록 설계되었습니다. 개발자가 저장소를 복제하고 로컬에서 프로젝트를 실행하는 과정을 안내합니다. 주요 기능으로는 package.json, .env.example, prisma/schema.json, Dockerfile 및 next.config.ts와 같은 중요한 파일을 확인하는 자동 설정 검증 스크립트가 포함되어 있습니다. 안전한 명령어(npm install, cp .env.example .env, npx prisma generate, npm run lint, npm run dev)를 먼저 제안하며, 데이터베이스 관련 질문은 별도의 'references/database-setup.md' 파일을 참조하도록 안내합니다. 또한 프로젝트의 고유한 세부 사항(예: Prisma 사용자 정의 출력 경로, Next.js standalone 모드, UI가 태국어로 되어 있음)을 설명하고, database destructive 명령어를 피해야 함을 강조합니다. 이 스킬은 Claude Code, Cursor 및 Codex와 같은 AI 에이전트 플랫폼에서 사용하기에 적합하며, 확립된 템플릿을 사용하여 구조화된 출력을 제공합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thanatornPik/nextjs-skill-app-workshop/tree/HEAD/.agents/skills/project-onboarding-guide

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Project Onboarding Skill

ช่วย developer ใหม่เข้าใจ project นี้จาก clone ไปจนรัน local ได้ โดยต้องอ้างอิงจากไฟล์จริงใน repo ก่อนตอบ

Gotchas

  • ห้ามเดา script ที่ไม่มีใน package.json
  • ห้ามใช้คำสั่ง database destructive ระหว่าง onboarding เช่น npx prisma db push, npx prisma migrate deploy, npx prisma migrate dev
  • ถ้าพูดถึง Docker ต้องตรวจทั้ง Dockerfile และ next.config.ts

Setup Step

ให้้ตรวจและรัน script นี้ก่อน .agents/skills/project-boarding-guide/scripts/check-onboarding.sh ถ้ารัน script ไม่ได้ ให้ตรวจเอง​:

  • package.json
  • .env.example
  • prisma/schema.json
  • Dockerfile
  • next.config.ts

สำหรับ onboarding ทั่วไป ให้แนะนำเฉพาะคำสั่งเหล่านี้ที่ปลอดภัย:

npm install
cp .env.example .env
npx prisma generate
npm run lint
npm run dev

ถ้า user ถามเรื่อง database setup หรือ seed data โดยตรง ให้อ่านไฟล์นี้ references/database-setup.md

Project gotchas

อ่านรายละเอียดเพิ่มที่ references/project-notes.md

  • Next.js App Router + TypeScript
  • Prisma ใช้ custom output ไปที่ generated/prisma
  • Prisma Client import จาก generated path ไม่ใช่ @prisma/client
  • Dockerfile อาจใช้ .next/standalone; ต้องมี output: "standalone" ใน next.config.ts
  • UI หลักเป็นภาษาไทย

Output format

ถ้าถามเกี่ยวกับ setup หรือตั้งค่าโปรเจกต์ ให้ใช้ template ใน assets/templates/setup-table.md เท่านั้น

ต้องมีอย่างน้อย:

  • ภาพรวมสั้น ๆ
  • ตารางขั้นตอน setup
  • คำสั่งที่ต้องรัน
  • ข้อควรระวังของ repo นี้

Individual skills in this repo

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

관련 스킬