🔄 ขั้นตอนการทำงาน

Flow การสั่งงาน AI Agent ผ่าน Discord — มี 2 แบบตามประเภทงาน

Workflow Flowchart

แก้โค้ดต้อง deploy — ต้องผ่านกระบวนการ branch → tunnel review → PR → deploy ครบทุกขั้นตอน

ตัวอย่างงาน

  • •แก้ดีไซน์ / เปลี่ยนสี / ปรับ layout หน้าเว็บ
  • •เพิ่ม section ใหม่ เช่น FAQ, Testimonial
  • •แก้ไข SEO metadata / เพิ่ม structured data
  • •แก้ Bug เช่น ฟอร์มส่งไม่ได้ / หน้าแสดงผิด
  • •เพิ่มฟีเจอร์ เช่น ระบบคูปอง, ตัวกรองสินค้า
ทีมทำ💬Step 1

สั่งงานใน Discord

พิมพ์คำสั่งใน channel ของเว็บนั้น

Agent ทำ🌿Step 2

สร้าง Branch

Agent สร้าง branch ใหม่จาก main

Agent ทำ💻Step 3

แก้โค้ดเฉพาะ path

แก้ไฟล์เฉพาะ apps/ ของเว็บนั้น

Agent ทำ🔍Step 4

Lint / Test / Build

รัน lint, test, build เฉพาะแอปที่แก้

Agent ทำ🔗Step 5

เปิด Tunnel

เปิด local tunnel ให้ทีมรีวิว

ทีมทำ👍Step 6

ทีมอนุมัติใน Discord

ทีมตรวจผ่าน Tunnel URL แล้วอนุมัติ

Agent ทำ📤Step 7

Push + เปิด PR

Agent push branch และเปิด Pull Request

อัตโนมัติ⚡Step 8

CI + Preview

GitHub Actions + Vercel Preview อัตโนมัติ

อัตโนมัติ🔀Step 9

Auto Merge

CI ผ่าน → Agent merge PR เข้า main อัตโนมัติ

อัตโนมัติ🚀Step 10

Deploy Production

Vercel deploy อัตโนมัติ ทีมตรวจบนเว็บจริง

ทีมทำ
Agent ทำ
อัตโนมัติ

รายละเอียดทั้งหมด

Workflow Standard (Discord + OpenClaw + Vercel)

Date: 2026-03-05 Scope: website-platform monorepo

1) เป้าหมาย

  • ให้ทีมสั่งแก้เว็บผ่าน Discord ได้อย่างเป็นระบบ
  • ลดโอกาสแก้ผิดเว็บ/ชนกันใน monorepo
  • ทดสอบผ่าน local tunnel ก่อนขึ้น GitHub และ Vercel

2) โครงสร้างเว็บใน monorepo

  • apps/bhwc
  • apps/pollaphat
  • apps/symmonyskin
  • apps/horhomeplus

3) Channel Mapping (Discord)

  • #web-bhwc -> apps/bhwc
  • #web-pollaphat -> apps/pollaphat
  • #web-symmonyskin -> apps/symmonyskin
  • #web-horhomeplus -> apps/horhomeplus

กติกา:

  • 1 channel = 1 website scope
  • ห้ามสั่งแก้ข้าม path เว้นแต่มีคำว่า cross-site-change: approved

4) End-to-End Flow

  1. ทีมงานเปิดงานใน channel ของเว็บนั้น
  2. OpenClaw รับงานและสร้าง branch ใหม่จาก main
  3. แก้โค้ดเฉพาะ path ของเว็บนั้น
  4. รัน lint/test/build เฉพาะแอปที่แก้
  5. เปิด local tunnel เพื่อให้ทีมรีวิว
  6. ทีมตรวจและอนุมัติใน Discord
  7. Agent push branch + เปิด PR เข้า main
  8. GitHub Actions และ Vercel Preview ทำงานอัตโนมัติ
  9. Reviewer อนุมัติ PR และ merge
  10. Vercel Production deploy อัตโนมัติ และทีมตรวจบนเว็บจริง

5) Branch/Commit/PR Convention

Branch name:

  • feat/<site>-<short-topic>
  • fix/<site>-<short-topic>
  • chore/<site>-<short-topic>

ตัวอย่าง:

  • fix/pollaphat-seo-meta-title
  • feat/bhwc-add-service-section

Commit message:

  • type(scope): summary
  • ตัวอย่าง fix(pollaphat): correct canonical on services page

PR title:

  • [<site>] <short summary>
  • ตัวอย่าง [pollaphat] fix SEO metadata for services pages

6) Guardrails สำหรับ Agent

  • แก้ไฟล์ได้เฉพาะเว็บที่ตรงกับ channel
  • ห้าม push ตรง main หรือ develop
  • ต้องมี tunnel URL ก่อนขอรีวิว
  • ต้องแนบผล lint/test/build ใน PR description
  • หากมี schema/env เปลี่ยน ต้องระบุ migration note ชัดเจน

7) Local Tunnel Standard

ขั้นต่ำที่ต้องส่งใน Discord:

  • branch name
  • local URL
  • tunnel URL
  • ขอบเขตที่แก้
  • checklist ทดสอบที่ทำแล้ว

รูปแบบข้อความ:

  • site: pollaphat
  • branch: fix/pollaphat-seo-meta-title
  • local: http://localhost:3000
  • tunnel: https://<your-tunnel-url>
  • scope: /services, /services/[slug] metadata
  • checks: lint pass, build pass, smoke pass

8) Review Checklist (ก่อน Merge)

  • แก้ตรง requirement ใน Discord ครบ
  • ไม่กระทบเว็บอื่นนอก scope
  • CI ผ่านครบ
  • Vercel Preview เปิดได้และตรงตามที่รีวิว
  • SEO/analytics/script สำคัญยังทำงาน
  • มี rollback วิธี revert ได้ทันที

9) Production Verification (หลัง Merge)

  • หน้าเป้าหมายโหลดได้จริงบน production domain
  • ไม่มี error สำคัญใน Vercel logs
  • ไม่มี regression ใน flow หลัก (form, checkout, CTA, admin path ที่เกี่ยวข้อง)

10) Rollback Standard

หากพบปัญหาหลังขึ้นจริง:

  1. revert commit/PR ล่าสุดที่เป็นสาเหตุ
  2. push revert เข้า main
  3. รอ Vercel redeploy อัตโนมัติ
  4. แจ้ง incident note ใน Discord channel เดิม