Community编程与开发github.com

thanatornPik/nextjs-skill-app-workshop

ใช้ทักษะนี้เมื่อนักพัฒนาถามถึงวิธีตั้งค่า รัน หรือทำความเข้าใจโปรเจกต์ Next.js นี้ ใช้สำหรับคำถาม onboarding เช่น "โปรเจกต์นี้ตั้งค่าอย่างไร", "เริ่มรันยังไง", "ใช้ stack อะไร" หรือคำถามเกี่ยวกับการตั้งค่า Docker/Prisma จากผู้ที่ไม่คุ้นเคยกับ codebase

nextjs-skill-app-workshop 是什么?

ทักษะนี้ช่วยนักพัฒนาใหม่ให้เข้าใจและเริ่มต้นทำงานกับโปรเจกต์ Next.js นี้ได้อย่างรวดเร็ว ตั้งแต่การ clone โปรเจกต์จนถึงการรันในเครื่อง local โดยอ้างอิงจากไฟล์จริงใน repository ก่อนให้คำตอบ ทักษะนี้รองรับการทำงานบน Claude Code และเครื่องมือ AI agent อื่น ๆ ที่ใช้ระบบ skill-based onboarding โดยจะตรวจสอบไฟล์สำคัญ เช่น package.json, .env.example, prisma/schema.json, Dockerfile และ next.config.ts รวมถึงรันสคริปต์ตรวจสอบอัตโนมัติ ทักษะนี้มีความปลอดภัยสูง โดยห้ามใช้คำสั่ง destructive ต่อ database ระหว่าง onboarding และจะแนะนำเฉพาะคำสั่งที่ปลอดภัยเท่านั้น หากมีคำถามเฉพาะเกี่ยวกับ database หรือ seed data ทักษะจะแนะนำให้อ่านไฟล์ references/database-setup.md

兼容平台~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 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

ทักษะการ Onboarding โปรเจกต์

ช่วย developer ใหม่เข้าใจโปรเจกต์นี้ ตั้งแต่ 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

ขั้นตอนการตั้งค่า

ให้ตรวจและรัน 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

ข้อควรระวังของโปรเจกต์

อ่านรายละเอียดเพิ่มที่ 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 หลักเป็นภาษาไทย

รูปแบบผลลัพธ์

ถ้าถามเกี่ยวกับ 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.

相关技能