ข้ามไปเนื้อหาหลัก
อัปเดต

Claude Code เปิดให้ทำ Mod ปรับพฤติกรรมและหน้าตาได้เองด้วย TypeScript

Claude Code เปิดตัว mods ฟังก์ชัน TypeScript ขนาดเล็กที่เปลี่ยนวิธีทำงานของ Claude Code ได้ ทั้งแก้ prompt เพิ่ม UI และแทนที่ฟีเจอร์ในตัว เขียนเองหรือให้ Claude เขียนให้ก็ได้ ติดตั้งผ่าน /plugin ใช้ได้ทั้ง CLI และแอป desktop

โดย ณัฐพล ยงค์ไพบูลย์ผู้ร่วมก่อตั้งกลุ่ม Claude Thailand Community

Claude Code เปิดให้ทำ mod ได้แล้วครับ mod คือฟังก์ชัน TypeScript ขนาดเล็กที่เปลี่ยนวิธีทำงานของ Claude Code ได้ 3 แบบ คือเปลี่ยนพฤติกรรม ปรับแต่งหน้าตา และสลับฟีเจอร์ในตัวเป็นของเราเอง

จะเขียนเองด้วย TypeScript ไม่กี่บรรทัด หรือสั่งให้ Claude Code เขียนให้ก็ได้ mod มาในรูปของ plugin จึงติดตั้งและแชร์ได้เหมือน plugin ทั่วไปผ่านคำสั่ง /plugin และใช้ได้ทั้งใน Claude Code แบบ CLI และแอป desktop

ภาพหน้าจอของ mod ชื่อ Blast Radius ใน Claude Code เป็นกล่องเตือนขอบสีเหลือง หัวกล่องเขียนว่า Blast Radius และ rm -rf บรรทัดถัดมาแสดงคำสั่ง rm -rf build พร้อมข้อความสีแดงว่าจะลบ 9 ไฟล์ ขนาดรวม 498 KB ตามด้วยรายชื่อไฟล์ทั้งหมดในโฟลเดอร์ build เช่น build/assets/app.4f9c2e.js, build/index.html และ build/manifest.json ด้านล่างมีปุ่มสองปุ่ม คือ 1 Proceed และ 2 Cancel พร้อมข้อความว่า Claude กำลังรอคำตอบจากผู้ใช้

ภาพด้านบนคือ Blast Radius หนึ่งใน mod ตัวอย่างของ Anthropic เวลา Claude จะรันคำสั่งเสี่ยงอย่าง rm -rf มันจะหยุดคำสั่งไว้ก่อน แล้วเปิดกล่องบอกว่าคำสั่งนี้จะลบไฟล์อะไรบ้าง ให้เรากด 1 เพื่อรันต่อ หรือกด 2 เพื่อยกเลิก

ทำไมต้องมี mod

Anthropic บอกว่านักพัฒนาขอมานานว่าอยากคุมการทำงานของ Claude Code ได้มากขึ้น โดยไม่ต้องรอให้ทีมออกฟีเจอร์ให้ ที่ผ่านมามี hooks ช่วยได้ส่วนหนึ่ง แต่ hooks แก้ event ไม่ได้ วาด UI ใหม่ไม่ได้ และแทนที่ฟีเจอร์ไม่ได้ ซึ่ง mod ทำได้ทั้งหมด

ตารางเปรียบเทียบ Hooks กับ Mods สี่ข้อ ข้อแรก ทำงานเมื่อ Claude Code มี event เกิดขึ้น ทำได้ทั้งคู่ ข้อสอง แก้ event ได้ เช่น แก้ prompt หรือคำสั่งที่กำลังจะรัน hooks ทำไม่ได้ แต่ mods ทำได้ ข้อสาม วาด UI ใหม่ เช่น ปุ่ม แผงด้านข้าง หรือแถบข้อมูล hooks ทำไม่ได้ แต่ mods ทำได้ ข้อสี่ แทนที่ฟีเจอร์ในตัว เช่น /diff hooks ทำไม่ได้ แต่ mods ทำได้ ด้านล่างระบุว่า mods มาใน plugin จึงติดตั้งและแชร์ด้วยคำสั่ง /plugin

mod ทำงานยังไง

ทุกครั้งที่ Claude Code ทำอะไรสักอย่าง เช่น เรียกใช้เครื่องมือ ขออนุญาต หรือวาดส่วนหนึ่งของหน้าจอ มันจะส่ง event ออกมา mod คือฟังก์ชันที่เข้าไปเกาะกับ event เหล่านี้ จะให้รันก่อน รันหลัง หรือรันแทน event นั้นไปเลยก็ได้ ฟังก์ชันเดียวจึงทำได้หลายอย่าง เช่น

  • แก้ prompt ก่อนส่งถึงโมเดล
  • บล็อก แก้ หรือสั่งลองใหม่ เมื่อมีการเรียกใช้เครื่องมือ
  • อนุมัติหรือปฏิเสธคำขอสิทธิ์
  • ปิดบังข้อมูลลับในผลลัพธ์ของเครื่องมือ ก่อนที่ Claude จะได้อ่าน

mod ยังเปลี่ยนสิ่งที่เราเห็นบนจอได้ด้วย ทั้งแก้หรือแทนที่ส่วนของหน้าจอที่ Claude Code วาด และเพิ่มปุ่มกับช่องกรอกข้อมูลเข้าไป ถ้ามี mod หลายตัวเกาะ event เดียวกัน จะรันตามลำดับที่โหลด จึงใช้ mod จากผู้เขียนหลายคนซ้อนกันได้

แผนภาพแสดงว่า mod แทรกเข้าไปใน event ยังไง โดยใช้ Blast Radius เป็นตัวอย่าง เริ่มจากกล่องซ้าย Claude เรียกใช้ Bash ด้วยคำสั่ง rm -rf build ลูกศรชี้ไปกล่องกลางคือ mod Blast Radius ที่หยุดคำสั่งไว้ก่อนแล้วแสดงไฟล์ที่จะถูกลบ จากนั้นแยกเป็นสองทาง ทางบนคือกด 1 Proceed คำสั่งรันตามเดิม ทางล่างคือกด 2 Cancel Claude ได้คำปฏิเสธพร้อมเหตุผล ด้านล่างระบุว่า mod เลือกได้ว่าจะรันก่อน รันหลัง หรือรันแทน event นั้น

ฟีเจอร์ในตัวบางส่วนกลายเป็น mod แล้ว

ฟีเจอร์ของ Claude Code เองบางตัวตอนนี้ส่งมาในรูป mod แล้ว เช่น /diff จึงปิดได้ใน /plugin หรือเขียนเวอร์ชันของตัวเองมาใช้แทนได้ Anthropic บอกว่าจะย้ายฟีเจอร์ในตัวไปเป็น mod มากขึ้นเรื่อย ๆ เป้าหมายคือให้ผู้ใช้ลด Claude Code ลงเหลือแกนเล็ก ๆ แล้วเติมกลับเฉพาะสิ่งที่ต้องการ โค้ดของ mod ที่ทีมสร้างเองเปิดให้อ่านได้ใน repository anthropics/claude-code บน GitHub

mod ตัวอย่าง 3 ตัวในคู่มือ

คู่มือเริ่มต้นบน claude.dev พาสร้าง mod ตัวแรกจากโฟลเดอร์เปล่า แล้วพาดู mod ที่ใหญ่ขึ้นอีกสองตัว

  • Token Weather แสดง “พยากรณ์อากาศ” ของ context window เหนือช่องพิมพ์ จากท้องฟ้าแจ่มใส ไปฝนตก ไปจนถึงพายุ ตามสัดส่วนที่ context ถูกใช้ไป ยาวราว 80 บรรทัด
  • Blast Radius หยุดคำสั่งเสี่ยงอย่าง rm -rf, git reset --hard, force push หรือ database migration ไว้ก่อน แล้วแสดงว่าคำสั่งจะกระทบอะไรบ้าง พร้อมปุ่ม Proceed กับ Cancel
  • Replay Theater บันทึกทุกการแก้ไฟล์ในแต่ละรอบ แล้วให้เราไล่ดู diff ทีละขั้นหลังจบรอบ

ภาพประกอบที่วาดขึ้นเพื่ออธิบาย Token Weather ไม่ใช่ภาพหน้าจอจริง แสดงแถบสามระดับตามสัดส่วนการใช้ context window ขนาด 200k คือ Clear ที่ 18% Showers ที่ 67% และ Storm ที่ 81% ซึ่งเป็นตัวเลขตัวอย่างจากคู่มือของ Anthropic

คู่มือบอกด้วยว่าไม่จำเป็นต้องรู้ API ก็ทำ mod ได้ แค่อธิบายสิ่งที่อยากเห็น แล้ว Claude Code จะเขียน TypeScript ติดตั้ง และ hot reload ให้ใน session นั้นเลย สั่งแก้ต่อได้เรื่อย ๆ โดยไม่ต้องรีสตาร์ท

ข้อควรระวัง

  • mod ไม่ได้ถูกกั้นด้วย sandbox มันรันด้วยสิทธิ์เข้าถึงเครื่องระดับเดียวกับ Claude Code เอง และเขียนโดยผู้เผยแพร่ ไม่ใช่ Anthropic จึงควรติดตั้งเฉพาะจากแหล่งที่ไว้ใจ แบบเดียวกับการติดตั้งโค้ดอื่น ๆ ลงเครื่อง อ่าน repository ก่อนติดตั้งทุกครั้ง
  • Blast Radius เป็นตาข่ายกันพลาด ไม่ใช่ระบบสิทธิ์ มันอ่านจากข้อความคำสั่ง คำสั่งที่ซ่อนอยู่ใน alias หรือสคริปต์จึงเล็ดลอดไปได้ ถ้าต้องการบล็อกแบบเด็ดขาดให้ใช้ permission rules
  • API ยังเปลี่ยนได้ระหว่างแต่ละรุ่น

สำหรับทีมและองค์กร

เพราะ mod มาใน plugin การควบคุม plugin ที่องค์กรตั้งไว้จึงใช้ได้เหมือนเดิม แอดมินอนุญาตหรือบล็อก marketplace ของ plugin ได้ บนแพลน Team และ Enterprise จะมี mod ในตัวชื่อ sec-default โหลดก่อนเสมอ คอยกันไม่ให้ mod ที่ผู้ใช้ติดตั้งทำเรื่องเสี่ยง เช่นเขียนทับกฎ deny ของสิทธิ์

ทีมยังใช้ mod สร้างเครื่องมือของตัวเองได้ เช่น แสดงสถานะ CI/CD ในแผงข้างบทสนทนา บังคับให้ยืนยันก่อนคำสั่งใดจะแตะ config ของ production หรือบันทึก log ทุกการเรียกของ mod ตัวอื่น

เริ่มใช้ยังไง

mod ใช้ได้แล้ววันนี้ใน Claude Code แบบ CLI และแอป desktop ต้องเป็น Claude Code เวอร์ชัน 2.1.287 ขึ้นไป และเปิดใช้งานมาให้อยู่แล้ว ไม่ต้องตั้งค่าเพิ่ม ติดตั้ง plugin ที่มี mod ได้จาก Claude directory หรือพิมพ์ /plugin ใน CLI ใครทำ mod เองแล้วอยากแชร์ ให้ใส่ไว้ใน plugin แล้วส่งเข้า directory

มุมมองจากผู้เขียน

ผมว่านี่เป็นการเปลี่ยนที่ใหญ่กว่าที่ชื่อฟังดู เพราะจากเดิมที่เราปรับ Claude Code ได้แค่ตามช่องที่ Anthropic เปิดไว้ ตอนนี้เราเปลี่ยนตัวพฤติกรรมและหน้าจอได้เอง และการที่ Anthropic ย้ายฟีเจอร์ของตัวเองอย่าง /diff มาเป็น mod ด้วย ก็แสดงว่าตั้งใจให้ระบบนี้เป็นแกนหลักจริง ๆ ส่วนที่ต้องระวังคือความปลอดภัย เพราะ mod เข้าถึงเครื่องเราได้เท่ากับ Claude Code การติดตั้ง mod จากคนแปลกหน้าจึงเสี่ยงเท่ากับการรันโค้ดของคนแปลกหน้า

ใครลองทำ mod แล้ว หรือมีไอเดียอยากให้ Claude Code ทำอะไรได้เพิ่ม มาแชร์ในกลุ่มกันได้ครับ


ข้อมูลในบทความนี้อ้างอิงจากประกาศอย่างเป็นทางการของ Anthropic ที่ claude.com/blog และคู่มือเริ่มต้นบน claude.dev อ่านต้นทางได้ที่ลิงก์ด้านล่าง

อ่านต้นฉบับ >

รับข่าวสารทางอีเมล

บทความใหม่ ข่าวอัปเดตเกี่ยวกับ Claude และประกาศกิจกรรมของชุมชน ส่งให้เป็นครั้งคราว ไม่ถี่จนรำคาญ

มาคุยกันต่อในกลุ่ม Facebook

ถาม-ตอบ แชร์เทคนิค โชว์ผลงาน และติดตามกิจกรรมของชุมชน พื้นที่พูดคุยหลักของเราอยู่ที่นั่น