คู่มือ Cursor สำหรับทีม Vibe Coding — สั่ง AI ด้วยภาษาคน ไม่ต้องจำ Command

วิธีสั่ง AI 3 แบบ

Vibe Coding คืออะไร

แทนที่จะพิมพ์คำสั่งใน Terminal ทีละบรรทัด เราใช้ ภาษาพูดบอก Cursor แล้วให้ AI จัดการแทน

git checkout -b feature/dev-a/calendar
git add src/components/Calendar.tsx
git commit -m "feat: add calendar"

สร้าง branch ใหม่ชื่อ feature/dev-a/calendar
แล้ว add เฉพาะไฟล์ Calendar.tsx
แล้ว commit ว่า feat: add calendar

ผลลัพธ์เหมือนกันเป๊ะ แต่วิธีหลังคนไม่เขียน code ก็ทำได้

ตั้งค่า AI — Rules, Memory, Ignore

Rules Files — สอน AI ว่า project ใช้ tech อะไร

เมื่อเปิด project ใหม่ AI จะ "ไม่รู้" ว่า project นี้ใช้ tech อะไร — ไฟล์ Rules คือ "คู่มือสำหรับ AI" ที่อ่านก่อนทำงานทุกครั้ง

project/
└── .cursor/
    └── rules/
        ├── general.mdc      <- กฎทั่วไป (tech stack, ภาษา, convention)
        ├── frontend.mdc     <- กฎ Next.js / React
        ├── backend.mdc      <- กฎ Go / Fiber
        └── forbidden.mdc    <- สิ่งที่ห้าม AI ทำเด็ดขาด

ตัวอย่าง general.mdc

Project นี้ใช้ Next.js 15, React 19, Go/Fiber, PostgreSQL
ภาษาที่ใช้ใน comment และ variable: อังกฤษ
ภาษาที่ตอบกลับในแต่ละ chat: ไทย
ห้าม hardcode API key หรือ password ใดๆ ในไฟล์ code
ทุก secret ต้องอ่านจาก environment variable เท่านั้น

สร้าง .cursor/rules/general.mdc สำหรับ project ที่ใช้
Next.js 15, React 19, Go/Fiber, PostgreSQL
ให้ AI ตอบเป็นภาษาไทย และห้าม hardcode secrets ทุกกรณี

ตัวอย่าง forbidden.mdc

ห้ามใช้ Express.js — project นี้ใช้ Go/Fiber เท่านั้น
ห้าม hardcode URL ที่เป็น localhost ใน code
ห้ามลบ .env ออกจาก .gitignore

PROJECT.md — ความจำระยะยาวของ AI

AI ใน Cursor ลืมทุกอย่างเมื่อปิด session — แก้ด้วย 2 ไฟล์

project/
├── PROJECT.md   <- อธิบาย project: architecture, module, การตัดสินใจสำคัญ
└── SESSION.md   <- งานที่ทำค้างไว้ เปิดมาทำต่อได้ทันที

@PROJECT.md @SESSION.md
ฉันกลับมาทำงานต่อแล้ว
ช่วยสรุปว่าค้างอยู่ตรงไหน และขั้นตอนต่อไปคืออะไร

@SESSION.md
อัพเดทไฟล์นี้ด้วย สิ่งที่ทำวันนี้ และงานที่ยังค้างอยู่

.cursorignore — กัน AI ไม่ให้อ่านไฟล์ลับ

เหมือน .gitignore แต่สำหรับ Cursor — ไฟล์ที่อยู่ใน list นี้ AI จะไม่นำไปประมวลผลเลย

.env
.env.*
*.pem
*.key
secrets/

@ Symbols — วิธีดึงข้อมูลให้ AI

Security & Secrets

โครงสร้างไฟล์ .env ที่ปลอดภัย

project/
├── .env.example    <- commit ขึ้น GitLab ได้ (มีแค่ชื่อ variable)
├── .env.local      <- ห้าม commit (ค่าจริงสำหรับ dev)
├── .env.production <- ห้าม commit (ค่าจริงสำหรับ production)
└── .gitignore      <- commit ได้ (มี .env อยู่ใน list)

วิธีบอก Cursor เรื่อง Secret โดยไม่เปิดเผย

@.env.example
ช่วยเขียน database connection สำหรับ Go/Fiber
โดยอ่านค่าจาก environment variable
ตามที่เห็นใน .env.example

API key ของฉันคือ sk-or-v1-abc123...
ช่วยเขียน code เชื่อมต่อ OpenRouter ด้วย key นี้

วิธีหลังอันตรายมาก — AI จะเอา key จริงไปฝังใน code ตรงๆ

ตั้งค่าความปลอดภัยทั้งหมดในรอบเดียว

ช่วยสร้างไฟล์ต่อไปนี้ให้ครบ:
1. .gitignore ที่ครอบคลุม .env ทุกรูปแบบ, ไฟล์รูป, วีดีโอ, ไฟล์ขนาดใหญ่
2. .cursorignore กัน AI ไม่ให้อ่าน secrets
3. .env.example สำหรับ project Next.js + Go/Fiber + PostgreSQL + OpenRouter

ถ้า Secret หลุดแล้ว — ทำอะไรก่อน

ขั้นที่ 1: Revoke key ทันที — ไปที่ dashboard ของ service นั้น แล้ว revoke/rotate key

ขั้นที่ 2: ลบออกจาก git history

บอก Cursor ว่า:
"ช่วยลบไฟล์ .env ออกจาก git history ทั้งหมด
 โดยใช้ git-filter-repo แล้ว force push"

Remote SSH — ทำงานเป็นทีมบน Server กลาง

แนวคิด — ทำไมใช้ Server กลาง

ทำไมเลือกวิธีนี้?

1. ลดเวลา setup จาก 2 วันเหลือ 15 นาที
2. Environment เหมือนกันทุกคน — ไม่มี "เครื่องผมรันได้นะ"
3. Secret อยู่บน server เครื่องเดียว ไม่กระจายไปทุกเครื่อง

Admin: ตั้งค่า Server ครั้งแรก

ช่วยสร้าง bash script สำหรับ Ubuntu 22.04 ที่ทำสิ่งต่อไปนี้:
1. สร้าง Linux user: nat, dev_a, dev_b, dev_c
2. ตั้งค่า SSH ให้ปลอดภัย (ปิด root login, บังคับใช้ SSH key, เปลี่ยน port เป็น 2222)
3. ตั้งค่า UFW firewall เปิด port 2222, 80, 443
4. ตั้งค่า git identity template สำหรับแต่ละ user

รัน script นี้ 1 ครั้ง ใช้เวลา 3 นาที — ถ้าทำ manual ต้องใช้เวลาอย่างน้อย 2 ชั่วโมง

Dev: เชื่อม Cursor เข้า Server

ขั้นที่ 1: สร้าง SSH config

ช่วยสร้าง SSH config ใน ~/.ssh/config
สำหรับเชื่อมต่อ dev server ที่ IP: 203.xxx.xxx.xxx
port: 2222, username: dev_a
ใช้ key file: ~/.ssh/id_dev_server

ขั้นที่ 2: เปิด Cursor แล้วเชื่อม

1. กด Ctrl+Shift+P
2. พิมพ์: Remote-SSH: Connect to Host
3. เลือก: dev-server
4. เลือก folder: /home/dev_a/jigsaw/

ขั้นที่ 3: เชื่อม GitLab จาก Server

ฉันอยู่บน dev server แล้ว
ช่วยสร้าง SSH key สำหรับเชื่อม GitLab ที่ gitlab.synerry.com
แล้วแสดง public key ให้ฉันเอาไปวางใน GitLab

Git Workflow — สั่ง Git ด้วยภาษาพูด

Flow ประจำวัน

[เช้า] pull develop ล่าสุด
   |
สร้าง branch ตัวเอง (feature/dev-a/xxx)
   |
แก้ code -> commit -> แก้ -> commit (ทำซ้ำทั้งวัน)
   |
[งานเสร็จ] push branch ขึ้น GitLab
   |
เปิด Merge Request -> แจ้ง Nat
   |
Nat review -> อนุมัติ -> Merge เข้า develop
   |
ลบ branch เก่า -> เริ่ม feature ใหม่

เริ่มวันใหม่ — ดึง code ล่าสุด

ดึง code ล่าสุดจาก develop branch มาที่ workspace ฉัน
แล้วบอกว่ามีอะไรเปลี่ยนแปลงจากเมื่อวานบ้าง

สร้าง Branch ทำ Feature

สร้าง branch ใหม่จาก develop
ชื่อ feature/dev-a/calendar
แล้วเปลี่ยนมาอยู่ที่ branch นี้

Commit & Push

add เฉพาะไฟล์ที่เกี่ยวกับ Calendar ที่แก้ไปแล้ว
แล้ว commit ด้วย message ที่เหมาะสมตาม conventional commits

ตรวจสอบว่าไม่มี secret หรือไฟล์ที่ไม่ควร commit
แล้ว push branch feature/dev-a/calendar ขึ้น GitLab

เปิด Merge Request

1. เปิด Browser ไปที่ GitLab
2. กด "Create Merge Request"
3. Title: feat: Calendar module — monthly view
4. Assignee: Nat | Target Branch: develop (ไม่ใช่ main!)
5. กด Submit

ช่วยสรุป commit ทั้งหมดที่ทำใน branch นี้
ให้เป็น Merge Request description แบบกระชับ

หลัง Merge — เก็บกวาด

กลับมาที่ develop branch
ดึง code ที่เพิ่ง merge มา
แล้วลบ branch feature/dev-a/calendar ที่ใช้เสร็จแล้ว

ป้องกัน Conflict

4 กฎป้องกัน Code ทับกัน

วิธีเช็คและแก้ Conflict

เช็คว่า branch ของฉันมี conflict กับ develop ล่าสุดไหม
ถ้ามีช่วยบอกว่า conflict ที่ไฟล์ไหน และแนะนำวิธีแก้

Protected Branch — บล็อค push เข้า main

ตั้งค่าบน GitLab (Admin ทำครั้งเดียว)

GitLab -> Settings -> Repository -> Protected Branches
Branch: main
Allowed to push: No one
Allowed to merge: Maintainers (Nat เท่านั้น)
Require approval: 1

CODEOWNERS — กำหนดเจ้าของ module

เมื่อมีการแก้ไฟล์ใน folder ของใคร GitLab จะ assign คนนั้นเป็น reviewer อัตโนมัติ

# .gitlab/CODEOWNERS

src/components/calendar/   @dev_a
src/components/chat/       @dev_b
src/api/auth/              @dev_c
src/api/admin/             @nat

Prompt Cheatsheet

Prompt ประจำวัน

@PROJECT.md @SESSION.md
ฉันกลับมาทำงานแล้ว ช่วยดึง develop ล่าสุดมา
แล้วสรุปว่าวันนี้ต้องทำอะไรต่อ

สร้าง branch feature/dev-a/[ชื่องาน] จาก develop แล้วเริ่มทำงาน

add เฉพาะไฟล์ที่เกี่ยวกับงานที่ทำ แล้ว commit ด้วย message ที่เหมาะสม

ตรวจสอบว่าไม่มี secret, รูปภาพ, หรือไฟล์ที่ไม่ควร commit
แล้ว push branch นี้ขึ้น GitLab

@SESSION.md อัพเดทไฟล์นี้ด้วยสิ่งที่ทำวันนี้ และงานที่ยังค้างอยู่

Prompt ตั้งค่า Project

สร้าง .cursor/rules/general.mdc สำหรับ project ที่ใช้
Next.js 15, React 19, Go/Fiber, PostgreSQL
ให้ AI ตอบเป็นภาษาไทย และห้าม hardcode secrets ทุกกรณี

ช่วยสร้างไฟล์ต่อไปนี้ให้ครบ:
1. .gitignore ครอบคลุม .env, รูป, วีดีโอ, ไฟล์ขนาดใหญ่
2. .cursorignore กัน AI ไม่ให้อ่าน secrets
3. .env.example สำหรับ project

Prompt แก้ปัญหาฉุกเฉิน

ช่วยลบไฟล์ .env ออกจาก git history ทั้งหมด
โดยใช้ git-filter-repo แล้ว force push

เช็คว่า branch ของฉันมี conflict กับ develop ล่าสุดไหม
ถ้ามีช่วยบอกว่า conflict ที่ไฟล์ไหน และแนะนำวิธีแก้

ช่วยดู commit ล่าสุดของฉัน
ถ้ามีปัญหา ช่วย revert กลับไปเป็น commit ก่อนหน้า