Workshop Handbook

คู่มือเวิร์กช็อป AI First Agent

คู่มือ “พรอมป์ตัวอย่าง” สำหรับทุกโจทย์ในคลาส — สอนตั้งแต่ Agent คืออะไร → ติดตั้ง → Workshop 1 (จัดไฟล์ · research · ทำสไลด์ · ต่อ Connector Gmail/Drive/Canva · เช็คเมล) → Workshop 2 (ตัวละคร → Character Sheet → KV สินค้า → วิดีโอ ผ่าน MCP). ทุกกล่องดำกด Copy ไปใช้ได้ทันที และพิมพ์แก้เองได้ ระบบจำให้อัตโนมัติ

Claude Code / Codex Git · Node.js MCP Connectors ZenityX Studio Nano Banana 2 · Veo · Kling
เริ่มที่นี่

วิธีใช้คู่มือเล่มนี้

อ่าน 2 นาที

📗 คู่มือนี้คือ “คลังพรอมป์” ของทั้งคลาส — เรียงตามลำดับที่จะสอนจริง แต่ละโจทย์มีกล่องดำ = พรอมป์พร้อมใช้ กดปุ่ม Copy มุมขวาบนไปวางในแชท Agent ได้เลย ใต้กล่องมีคำอธิบายว่า โจทย์นี้สอนอะไร และ ควรได้ผลลัพธ์แบบไหน

🧭 สัญลักษณ์ในพรอมป์
…. = เติมหัวข้อ/รายละเอียดของคุณ  ·  [pathname] = วางพาธไฟล์/โฟลเดอร์ หรือแนบไฟล์  ·  ป้าย ✏️ ต้องเติม = การ์ดนี้มีช่องว่างให้กรอกก่อนใช้  ·  ป้าย 🟥 ลงมือทำ / อ่าน/ตั้งค่า = ประเภทของสเต็ป

🎨 กล่องสี = คนละเครื่องมือ — บางหัวข้อคำสั่งของ Claude กับ Codex ไม่เหมือนกัน ผมแยกกล่องไว้ให้แล้ว ใช้เฉพาะกล่องที่ตรงกับที่นักเรียนติดตั้ง
🟠 กรอบส้ม = Claude Code   🔵 กรอบฟ้า = Codex   กล่องดำธรรมดา = ใช้ได้ทั้งคู่

🛡️ กฎความปลอดภัยที่สอนนักเรียนเสมอ — งานที่ “ลบ/ย้าย/ส่งออกไปข้างนอก” (ลบไฟล์ · ส่งอีเมล · โพสต์) ให้สั่ง Agent สรุปแผนแล้วรอเรายืนยันก่อนลงมือ ทุกครั้ง อย่าให้ทำเองรวดเดียว

แนวคิด

Agent คืออะไร (อธิบายก่อนเริ่ม)

Anatomy of an Agent

Agent = สมอง 🧠 + มือ 🛠️ + ลูปแก้เอง 🔁

Chatbot ธรรมดา “ตอบอย่างเดียว” — แต่ Agent “ลงมือทำงานบนเครื่องได้จริง”: อ่าน/เขียนไฟล์ ค้นเว็บ เรียกเครื่องมือ แล้ววนแก้จนสำเร็จ

🧠
สมอง (โมเดล)

เข้าใจคำสั่ง วางแผนเป็นขั้นตอนว่าจะทำอะไรก่อน-หลัง

→
🛠️
มือ (Tools)

ลงมือจริง: จัดไฟล์ · ค้นเว็บ · เขียนโค้ด/สไลด์ · เรียก MCP

→
👀
ดูผล

ตรวจว่าได้ผลลัพธ์ตามต้องการไหม เจอ error หรือเปล่า

🔁 ถ้ายังไม่เรียบร้อย Agent จะ วนกลับไปแก้เอง — นี่คือสิ่งที่ทำให้มัน “ทำงานจบเป็นชิ้น” ไม่ใช่แค่ตอบแชท

💡 ประโยคที่ใช้สอน — “ChatGPT ในเว็บ = คนที่บอกวิธีทำให้เราฟัง / Agent = ผู้ช่วยที่นั่งหน้าคอมเราแล้วลงมือทำให้เลย” เราจึงต้อง (1) สั่งให้ชัด (2) ให้เครื่องมือ (Tools/MCP) และ (3) ตรวจงานเป็นจุด ๆ

แผนคลาส

Session ไหนใช้อะไร

Course Map · 1 Day

ช่วงเช้า = พื้นฐาน + งานออฟฟิศ · ช่วงบ่าย = ทำภาพ/วิดีโอผ่าน MCP

โครงคลาสทั้งวัน — แต่ละแถบคือ Session และเครื่องมือหลักที่ใช้

ช่วงเช้าSESSION 1
🧠 พื้นฐาน Agent ⚙️ ติดตั้ง Claude/Codex ⚙️ ติดตั้ง Git · Node.js 📜 กติกา CLAUDE.md 🗂️ Workshop 1 จัดไฟล์ 🔎 research 📊 ทำสไลด์ 🔌 ต่อ Connector 📧 เช็คเมล
— ☕ พักเบรก —
ช่วงบ่ายSESSION 2
🌐 เว็บสถาบัน (ZenityX) 🎛️ โมเดลไหนเก่งอะไร 🔗 MCP / API คืออะไร 🧍 Workshop 2 สร้างตัวละคร 📋 Character Sheet 🖼️ KV สินค้า 🎬 KV → วิดีโอ
ร้อยให้ต่อกัน

เชื่อม Workshop เข้าหากัน

How the workshops chain

ผลลัพธ์ของสเต็ปก่อน = วัตถุดิบของสเต็ปถัดไป

หัวใจของการสอน — อย่าให้แต่ละ Workshop เป็นเกาะ ให้เอาผลงานมาต่อกันเป็นสายการผลิตเดียว

🔎
Research (1.2)

ได้ไฟล์สรุป .md

→
📊
ทำสไลด์ (1.3)

ป้อนไฟล์ research ให้ทำต่อ

→
📧
ร่างเมลส่ง (1.6)

แนบสไลป์ ส่งให้ทีม

🧍
ตัวละคร (2.2–2.3)

Grok Imagine 9:16 → เลือกจากบอร์ด

→
📋
Character Sheet (2.4)

Nano Banana Pro 4K · 4 มุม

→
🧩
เซฟเป็นสกิล (2.5)

เรียกใช้ซ้ำได้ทุก session

🖼️
KV สินค้า (2.6)

gpt-image-2 4K 16:9 มีพาดหัว

→
🎬
Ref-to-video (2.7)

Seedance 2.0 · 480p · 15 วิ

→
🎞️
คลิปโฆษณา

มีเสียงในตัว ส่งเป็นบอร์ดพรีวิว

🔑 เคล็ดลับสอน: บอกนักเรียนพูดกับ Agent ว่า “จากไฟล์/ภาพที่เพิ่งทำ ให้ทำต่อ…” — Agent จำบริบทในแชทเดียวได้ ไม่ต้องอธิบายใหม่