Course Hub · 1 Day Workshop

AI First
Agent

สร้าง Agent ตัวแรก ให้ลงมือทำงานจริง

พื้นฐาน Agent → ติดตั้ง → งานออฟฟิศ → ภาพและวิดีโอผ่าน MCP

1 วัน · 09:00–16:30 น. Claude Code / Codex ZenityX Studio MCP
ทุกฉากคือผลงานจริงจากในคลาส · Seedance 2.0 ผ่าน ZenityX Studio
Documents

เลือกเอกสารที่ต้องการ

เปิดอ่านผ่านเว็บได้ทันทีทั้งบนคอมพิวเตอร์ แท็บเล็ต และมือถือ หรือคัดลอกลิงก์ไปส่งต่อให้ผู้เรียน

TEACHING DECK · 23 SLIDES

สไลด์พื้นฐาน AI Agent

สิ่งที่ต้องรู้ก่อนเริ่มใช้งานจริง: Agent ต่างจากแชทยังไง, Node.js · Git · Folder, Model · Effort · Token · Context Window, Permission Modes, CLAUDE.md / AGENTS.md, Skill, API Key และ MCP · กดลูกศรเลื่อน กด F เต็มจอ

เปิดดูผ่านเว็บ
WORKSHOP HANDBOOK · 2 SESSIONS · 16 STEPS

Workshop Handbook

คลังพรอมป์ของทั้งคลาส เรียงตามลำดับที่สอนจริง: ติดตั้ง (0.1–0.3) · Workshop 1 งานออฟฟิศ (1.1–1.6) · Workshop 2 ตัวละคร → KV → วิดีโอ (2.1–2.7) ทุกกล่องกดคัดลอกไปวางในแชท Agent ได้ทันที

เปิดดูผ่านเว็บ
COURSE TIMETABLE · A2 · 1 PAGE

ตารางเรียนหน้าเดียว

ตารางทั้งวัน 09:00–16:30 น. แยก 2 Session · 8 ช่วง พร้อมสิ่งที่เรียน ผลลัพธ์แต่ละช่วง เครื่องมือในคลาส และผลลัพธ์หลังเรียน · ดาวน์โหลดเป็น PDF ขนาด A2 ไปพิมพ์ติดห้องได้

Showreel

วิดีโอที่ทำได้ใน Workshop 2

ใช้ภาพตัวละครและภาพสินค้าเป็น reference แล้วสั่ง Agent ยิง Seedance 2.0 ผ่าน ZenityX Studio MCP · 480p · 15 วินาที มีเสียงในตัว (กดปุ่มลำโพงที่วิดีโอเพื่อฟังเสียง)

Ref-to-video · 16:9 โฆษณาไอศกรีม: ถนนร้อนกลายเป็นเมืองน้ำแข็ง ตัวละครจาก Character Sheet + ภาพสินค้าอ้างอิง
Ref-to-video · 9:16 Anatomy X-Ray ตัวละครเดิม ต่อยอดเป็นสื่อการสอน
Workshop 2 Pipeline

จากตัวละคร สู่วิดีโอโฆษณา

ผลลัพธ์ของขั้นก่อนคือวัตถุดิบของขั้นถัดไป ทั้งหมดทำในแชท Agent เดียว กดที่ภาพเพื่อดูเต็มจอ

2.2–2.3

สร้างตัวละครของตัวเอง

Grok Imagine · 9:16

ยิงหลายตัวเลือกแล้วเลือกจากบอร์ด จากนั้นสั่งเปลี่ยนชุดโดยแนบภาพอ้างอิง ตัวละครยังเป็นคนเดิม

ตัวละครนักเรียนหญิงในชุดนักเรียน เต็มตัว
ตัวเลือก A ชุดนักเรียน เต็มตัว
ตัวละครนักเรียนหญิงในชุดนักเรียน ครึ่งตัว
ตัวเลือก B ชุดนักเรียน ครึ่งตัว
ภาพอ้างอิงชุด เสื้อสเวตเตอร์สีเทาและกระโปรงยีนส์
ภาพอ้างอิงชุด แนบให้ Agent เป็น reference
ตัวละครเดิมเปลี่ยนเป็นชุดสเวตเตอร์สีเทาตามภาพอ้างอิง
เปลี่ยนชุดแล้ว คนเดิม ชุดตามภาพอ้างอิง
2.4–2.5

Character Sheet แล้วเซฟเป็นสกิล

Nano Banana Pro · 4K 16:9

ภาพเดียว 4 มุม: ใกล้หน้าตรง · เฉียง 45 องศา · เต็มตัวหน้าตรง · เต็มตัวด้านข้าง เซฟขั้นตอนนี้เป็นสกิลเพื่อเรียกใช้ซ้ำได้ทุก session

Character Sheet 4 มุมของตัวละครนักเรียนหญิงในชุดสเวตเตอร์สีเทา บนพื้นขาว
Character Sheet ใช้เป็น reference ให้ทุกวิดีโอ หน้าตาและชุดตรงกันทุกช็อต
2.6–2.7

ภาพสินค้า → วิดีโอโฆษณา

Seedance 2.0 · 480p · 15s
ภาพสินค้าอ้างอิง ไอศกรีม Blizzard ในถ้วยสีน้ำเงิน
ภาพสินค้าอ้างอิง บนพื้นขาว

ใส่ reference 2 ภาพ ได้คลิปพร้อมเสียง

บอก Agent ว่า “จากภาพที่เพิ่งทำ ให้ทำต่อ…” แล้วแนบ

  1. Character Sheet = หน้าตาและชุดของนักแสดง
  2. ภาพสินค้า = ถ้วยไอศกรีมที่ต้องถือในฉาก
  3. บรีฟฉาก = ถนนร้อน → กินไอศกรีม → เมืองกลายเป็นน้ำแข็ง

ผลลัพธ์ดูได้ที่ Showreel ด้านบน

Schedule

หนึ่งวัน สอง Session

ช่วงเช้าเป็นพื้นฐานและงานออฟฟิศ ช่วงบ่ายทำภาพและวิดีโอผ่าน MCP · เลขกำกับคือหัวข้อใน Handbook

เวลาช่วงหัวข้อ
Session 1 · พื้นฐาน + งานออฟฟิศ
09:00–09:45พื้นฐานเปิดคลาส + สไลด์พื้นฐาน AI Agent: Agent คืออะไร, Model · Effort · Token · Context Window, Permission Modes, ความปลอดภัย
09:45–10:30ติดตั้งติดตั้ง Claude Code หรือ Codex + Git + Node.js และวางกติกาถาวร CLAUDE.md / AGENTS.md 0.1–0.3
10:30–11:30Workshop 1จัดไฟล์ในคอม · Research แล้วบันทึกเป็นไฟล์ · ทำสไลด์ต่อจากไฟล์ Research 1.1–1.3
11:30–12:30Workshop 1ต่อ Connector Gmail · Drive · Canva → เช็คเมลสรุปจัดกลุ่ม → ร่างอีเมลตอบ (ยังไม่ส่ง) 1.4–1.6
12:30–13:30พักพักรับประทานอาหารกลางวัน
Session 2 · ภาพและวิดีโอผ่าน MCP
13:30–14:00ความรู้เว็บสถาบัน ZenityX Studio · โมเดลไหนเก่งอะไร · API และ MCP คืออะไร
14:00–14:45Workshop 2ทดสอบการเชื่อม MCP + ยิงภาพแรก → สร้างตัวละคร (Grok Imagine 9:16) → ส่งเป็นบอร์ดให้เลือก 2.1–2.3
14:45–15:45Workshop 2ทำ Character Sheet (Nano Banana Pro 4K) → เซฟเป็นสกิล “Character Sheet” 2.4–2.5
15:45–16:30Workshop 2สร้างภาพ KV สินค้า (gpt-image-2) → แปลงเป็นวิดีโอ (Seedance 2.0) · สรุปและถาม-ตอบ 2.6–2.7
ตารางเวลาเป็นแนวทาง ผู้สอนอาจปรับเวลาแต่ละช่วงให้เหมาะกับความคืบหน้าของผู้เรียน โดยเนื้อหาและผลลัพธ์หลักยังครบถ้วน
Outcomes

สิ่งที่ผู้เรียนได้กลับไป

01

เข้าใจ Agent ครบทุกคำศัพท์

Model · Effort · Token · Context Window · Permission · Skill · MCP

02

เครื่องพร้อมใช้งาน

Claude Code หรือ Codex + Git + Node.js และไฟล์กติกา CLAUDE.md / AGENTS.md

03

งานออฟฟิศด้วย Agent

จัดไฟล์ ทำ Research แล้วต่อยอดเป็นสไลด์ได้ในแชทเดียว

04

เชื่อม Gmail · Drive · Canva

เช็คเมล สรุปจัดกลุ่ม ร่างตอบ และให้ Agent รอยืนยันก่อนส่งทุกครั้ง

05

ตัวละคร + สกิลใช้ซ้ำ

ปั้นตัวละครของตัวเอง ทำ Character Sheet 4 มุม แล้วเซฟเป็นสกิล

06

KV และวิดีโอโฆษณา

ภาพ KV สินค้าและคลิป 15 วินาทีมีเสียง ผ่าน ZenityX Studio MCP