DEV Community

Nokka
Nokka

Posted on AI-assisted

Claude Code Mods คืออะไร? ปลั๊กอิน AI ที่ให้คุณแก้หน้าจอและพฤติกรรมของ agent เอง

#ai #productivity #programming #tooling

โดย Nokka (นก-กา) | 30 ต.ค. 2026

ภาพประกอบ: มือกำลังติดแผงหน้าปัดเล็ก ๆ เข้ากับรถจำลองบนโต๊ะทำงาน

คลิป TikTok ภาษาไทยชิ้นหนึ่งบอกว่า Claude Code สร้างฟีเจอร์ใส่ตัวเองได้แล้ว และยกตัวอย่างสามอย่าง คือ เพิ่มปุ่ม เพิ่มแผงข้างจอ และสั่งให้มันหยุดถามก่อนลบโฟลเดอร์

ผมไปอ่านเอกสาร Anthropic แล้วพบว่าคลิปพูดถูกในแกนหลัก รวมถึงเรื่องที่ว่า mod ที่สร้างใหม่ไม่ควรปล่อยทิ้งไว้ แต่คำอธิบายว่ามันหายตอนไหนและต้องทำอะไรต่อนั้น คลิปเล่าไม่ตรงกับเอกสาร และจุดนี้สำคัญเพราะมันเกี่ยวกับว่าของที่คุณสร้างจะอยู่กับคุณต่อหรือไม่

คลิปนี้มาจากไหน และมันบอกอะไร

เพจไทยที่เล่าเรื่อง mod ก่อนใคร

คลิปมาจากเพจ Claude Work TH (@claude.work.th) โพสต์วันที่ 30 ต.ค. 2026 ความยาว 59 วินาที ตอนที่ผมเช็กมียอดดู 565 ครั้ง 33 ไลก์ 1 คอมเมนต์ [1]

ใจความที่คลิปเล่า

  • mod คือส่วนเสริมที่เข้าไปแก้ตัว Claude Code ไม่ใช่แค่บอกวิธีทำงาน
  • mod เพิ่มปุ่ม เพิ่มแผงข้างจอ หรือดักไม่ให้ Claude ทำอะไรบางอย่างได้
  • mod ต่างจาก Skill ที่เป็นคู่มือ ต่างจาก Connector ที่เป็นสายต่อไปแอปอื่น
  • วิธีเริ่มคืออัปเดตให้เป็นเวอร์ชันล่าสุด แล้วบอก Claude Code เป็นภาษาคนว่าอยากได้อะไร
  • สามตัวอย่างในคลิปเป็นของที่ต้องสั่งสร้างเอง ไม่ได้ติดมากับโปรแกรม
  • mod ที่เรียกโมเดลทำงานเบื้องหลังจะกินโควตาเหมือนใช้งานปกติ

Mod คืออะไรกันแน่ ตามเอกสารจริง

นิยามสั้น ๆ จาก Anthropic

เอกสาร Anthropic นิยามไว้สั้น ๆ ว่า mod คือปลั๊กอินของ Claude Code ที่เปลี่ยนหน้าตาและการทำงานของตัวโปรแกรมเอง [2] ซึ่งเป็นนิยามที่สอดคล้องกับคำอธิบายปลั๊กอินในอีกหน้าหนึ่งของเอกสาร [6]

ตัวมันเขียนด้วย JavaScript หรือ TypeScript เป็นชุดตัวจัดการเหตุการณ์ (event handler) เมื่อเกิดเหตุการณ์ใดเหตุการณ์หนึ่ง เช่น มีการเรียกเครื่องมือ มีการส่งพรอมป์ หรือโปรแกรมกำลังวาดส่วนหนึ่งของหน้าจอ Claude Code จะเรียกฟังก์ชันของ mod ขึ้นมาทำงาน

ฟังก์ชันนั้นดูเหตุการณ์ได้ เปลี่ยนเหตุการณ์ได้ หรือเข้าไปรับงานนั้นไปทำเองเลยก็ได้

จุดที่ต้องแยกให้ชัดคือ mod ไม่ใช่ settings hook แบบเดิม Settings hook ที่เราคุ้นกันเป็นคำสั่งเชลล์หรือ HTTP request ที่เราเขียนไว้ในไฟล์ตั้งค่า มันรันอยู่นอกโปรแกรม แต่ hook ของ mod เป็นฟังก์ชันที่รันอยู่ข้างใน Claude Code [2]

คำว่า hook จึงถูกใช้กับสองของที่ต่างกัน เอกสารจึงเรียกอีกตัวว่า settings hook เพื่อกันสับสน

สิ่งที่ mod ทำได้ แต่ Skill กับ Connector ทำไม่ได้

สี่อย่างที่ของเดิมทำไม่ได้ และอีกข้อที่เอกสารเน้น

เอกสารเปรียบเทียบไว้ตรง ๆ ว่า settings hook, skill, status line และ MCP server ทำงานจากภายนอก ทั้งหมดได้แค่รันสคริปต์ หรือป้อนข้อความกับเครื่องมือให้ Claude ส่วน mod อยู่ข้างใน จึงทำสี่อย่างนี้ได้ [2]

  • วาดหน้าจอที่กดใช้ได้ เป็นแผงข้างบทสนทนาหรือแถบเหนือช่องพิมพ์ มีแท็บ มีปุ่ม มีช่องกรอกข้อความ
  • วาดทับหน้าจอเดิมของ Claude Code เช่น เปลี่ยนแถวที่แสดงการเรียกเครื่องมือ เปลี่ยนสปินเนอร์ หรือเปลี่ยนกล่องคำถาม
  • แทรกเข้ามาในจังหวะเรียกเครื่องมือ เช่น ดักคำสั่งไว้ก่อนรัน แล้วถามคุณว่าเอาไหม หรือเปลี่ยนเส้นทางคำขอไปโมเดลอื่น
  • เพิ่มคำสั่งของตัวเอง เป็น /command ที่เรียกฟังก์ชันคุณทันที ไม่ต้องรอ Claude ตอบ

ข้อสุดท้ายที่เอกสารเน้นคือ hook ใน mod หนึ่งตัวแชร์ตัวแปรในไฟล์เดียวกันได้ ตัวหนึ่งนับจำนวนครั้งที่เรียกเครื่องมือ อีกตัวเอาไปแสดงข้างสปินเนอร์ได้ [2]

ความจริงที่คลิปไม่ได้บอก ของบางอย่างติดมากับโปรแกรมแล้ว

หก mod ที่มีอยู่แล้วในเครื่องคุณ

คลิปบอกว่าตัวอย่างทั้งสามเป็นของที่ต้องสั่งสร้างเอง ซึ่งถูกในกรณีของคลิป แต่ผู้อ่านอาจเข้าใจไปว่ายังไม่มี mod ติดเครื่องเลย

จริง ๆ แล้ว Claude Code มี mod ที่ติดมากับโปรแกรมหลายตัว เปิด /plugin แล้วไปที่แท็บ Installed จะเห็นอยู่ในหมวด Built-in [2]

  • cc-plugin-agents-md โหลด AGENTS.md มาเป็นคำสั่งระดับโปรเจกต์ เปิดทุกเซสชันที่อ่าน AGENTS.md ได้
  • cc-plugin-diff รับงาน /diff ไปวาดแผงของมันเอง เปิดในเซสชันเทอร์มินัลแบบโต้ตอบ
  • cc-plugin-plugin-authoring ให้ skill ชื่อ plugin-authoring กับ Claude ไว้เขียน mod ตัวมันเองไม่มีโค้ด mod
  • cc-plugin-sec-default กันไม่ให้ mod ที่ผู้ใช้ติดตั้งไปยุ่งกับสิ่งที่องค์กรจัดการ
  • cc-plugin-telemetry ส่งบันทึกการใช้งานที่ Claude Code และ mod ที่ติดมากับโปรแกรมเขียนไว้ เปิดที่ไหนก็ตามที่ analytics ของ Claude Code เปิดอยู่ ปิดได้ใน /plugin หรือปิด analytics ด้วย DISABLE_TELEMETRY
  • cc-plugin-you-should-know mod ที่มีเอเจนต์อีกตัวคอยดูอยู่ข้าง ๆ และเตือนสิ่งที่คุณหรือ Claude อาจมองข้าม เปิดด้วย /plugin enable cc-plugin-you-should-know@builtin แต่เฉพาะเซสชันของ Anthropic เองที่เปิด telemetry ไว้

ตัวสุดท้ายเพิ่มเข้ามาพร้อมกับฟีเจอร์ mods เอง ในบันทึกการเปลี่ยนแปลงเวอร์ชัน 2.1.287 [3]

เริ่มยังไงให้ตรงขั้นตอนจริง

เช็กเวอร์ชันก่อน แล้วสั่งเป็นภาษาคน

เอกสารกำหนดขั้นต่ำไว้ที่ Claude Code เวอร์ชัน 2.1.287 ขึ้นไป [4] ส่วนแอปเดสก์ท็อปใช้ได้ตั้งแต่ 2.1.286 [2] เช็กด้วย claude --version

ตัว 2.1.287 ขึ้นบน npm เมื่อ 1 ต.ค. 2026 เวลา 16:59 UTC หรือราว 23:59 น. ตามเวลาไทย [5] ตัวล่าสุดตอนที่ผมเขียนคือ 2.1.314 ซึ่งขึ้นเมื่อเช้ามืดวันที่ 30 ตุลาคม 2026 ตามเวลา UTC [5]

ช่องทาง npm แยกเป็นสองราง ตอนนี้ราง latest คือ 2.1.314 ส่วนราง stable หยุดอยู่ที่ 2.1.308 [5] ถ้าคุณอยู่ราง stable จะไม่ได้ของใหม่ทันที แต่ทั้งสองรางใหม่กว่า 2.1.287 แล้ว จึงใช้ mod ได้

ขั้นตอนจริงมีห้าขั้น

  1. เปิดเซสชัน Claude Code แบบโต้ตอบ
  2. พิมพ์บอกสิ่งที่อยากได้เป็นภาษาคน เช่น make a mod that shows the current git branch above the prompt
  3. Claude จะเขียน mod ลงโฟลเดอร์ของเซสชันนั้นที่ ~/.claude/dev-mods/ ตามด้วยรหัสเซสชัน แล้วตามด้วยชื่อ mod
  4. ในโหมดสิทธิ์ default และ acceptEdits Claude Code จะถามอนุมัติทีละไฟล์ เพราะโฟลเดอร์นี้เป็นเส้นทางที่ถูกป้องกัน
  5. เมื่อ Claude เซฟไฟล์แรก โปรแกรมจะถามว่าจะเปิด hot reload สำหรับเซสชันนี้ไหม

ถ้าเลือกเปิด mod จะโหลดเมื่อจบเทิร์นนั้น และโหลดใหม่ตอนจบเทิร์นที่มีการแก้ไฟล์ คำตอบนี้มีผลไปตลอดเซสชัน รวมถึงตอนที่คุณกลับมาเปิดเซสชันเดิมต่อ [4]

หลังโหลดแล้วตรวจได้ด้วย /plugin แล้วกด Tab ไปแท็บ Installed ถ้าไม่ชอบก็ปิดตรงนั้นได้ [4]

ลำดับคำสั่งที่ใช้จริงมีหน้าตาแบบนี้

claude --version                 # ต้องได้ 2.1.287 ขึ้นไป
claude update                    # อัปเดตให้เป็นรุ่นล่าสุดของรางที่ใช้อยู่
Enter fullscreen mode Exit fullscreen mode 
# ในเซสชัน Claude Code
make a mod that shows the current git branch above the prompt
/plugin                          # ดูแท็บ Installed ว่า mod โหลดแล้วหรือยัง
/plugin install token-chart@your-org   # ติดตั้ง mod ของคนอื่นจากมาร์เก็ตเพลต
Enter fullscreen mode Exit fullscreen mode

ถ้าคุณเขียนเอง โครงไฟล์คือโฟลเดอร์ hooks/ ที่มี hooks.json ชี้ไปยังไฟล์โค้ดผ่านคีย์ modules ตัวอย่างในเอกสารตั้งชื่อไฟล์ว่า register.js แล้วไฟล์นั้นประกาศ hook ด้วยฟังก์ชันอย่าง on('ui.render', ...) ตามเหตุการณ์ที่อยากดัก [4]

ประเด็นที่คลิปทำให้เข้าใจผิด เรื่องของชั่วคราว

ไฟล์ไม่ได้หายทันที แต่หายเองภายใน 30 วัน

คลิปบอกว่า mod ที่สร้างใหม่เป็นของชั่วคราว ปิดหน้าต่างแล้วหายไปเลย ต้องสั่งให้เซฟเป็น plugin ก่อน

ข้อแรกของคลิปใกล้ความจริงกว่าที่ผมคิดไว้ตอนแรก แต่จังหวะที่คลิปเล่านั้นเร็วเกินไป เอกสารเขียนว่า mod ที่ Claude เขียนให้จะโหลดเฉพาะในเซสชันที่สร้างมันขึ้นมา และ Claude Code จะลบโฟลเดอร์ mod ของเซสชันนั้นทิ้งเมื่อมันเก่ากว่า cleanupPeriodDays [4]

ค่านั้นตั้งค่าได้ ค่าเริ่มต้นคือ 30 วัน ต่ำสุด 1 วัน และการลบเกิดเป็นรอบเบื้องหลังหลังเซสชันเริ่มทำงาน โดยไม่แจ้งอะไรกับคุณ [7]

แปลว่าไฟล์ยังอยู่หลังปิดหน้าต่าง แต่เมื่อโฟลเดอร์มีอายุเกินหนึ่งเดือน การกวาดเบื้องหลังจะลบมันทิ้งเงียบ ๆ โดยไม่ขึ้นกับว่าคุณเปิดเซสชันนั้นอีกหรือไม่

ถ้าอยากเก็บไว้ใช้เอง เอกสารบอกให้คัดลอกโฟลเดอร์ออกมาที่ที่ของคุณเอง เช่น ~/mods/git-branch แล้วเปิดด้วย claude --plugin-dir ~/mods/git-branch [4] ขั้นนี้ไม่ต้องยุ่งกับมาร์เก็ตเพลตเลย

มาร์เก็ตเพลตมีไว้สำหรับกรณีส่งให้คนอื่นติดตั้ง ส่วนการเก็บไว้ใช้เองแค่คัดลอกโฟลเดอร์ออกมา

อีกเรื่องที่ควรรู้คือ mod ที่ Claude เขียนให้จะไม่โหลดในบางสถานการณ์ [4]

  • เซสชันที่ไม่มีใครกดอนุมัติได้ เช่น claude -p หรือโหมด dontAsk
  • โฟลเดอร์ที่คุณยังไม่ได้ตอบรับ trust prompt
  • เซสชันที่เปิดด้วย --safe-mode หรือ --bare หรือตั้ง disableAllHooks ไว้ หรือองค์กรบล็อกผ่าน managed settings

ติดตั้ง mod ของคนอื่นต้องระวังอะไร

โค้ดที่รันด้วยสิทธิ์ของคุณ

เอกสารเตือนด้วยกล่องคำเตือนชัดเจนว่า mod เป็นโค้ดที่รันด้วยสิทธิ์ของคุณ มันอ่านเขียนไฟล์ได้ เปิดโปรเซสได้ และเรียกเครือข่ายได้ ให้ติดตั้งจากผู้เขียนและมาร์เก็ตเพลตที่คุณไว้ใจเท่านั้น [2]

mod ติดตั้งผ่านปลั๊กอิน โดยระบุชื่อปลั๊กอิน เครื่องหมาย @ และชื่อมาร์เก็ตเพลต เช่น /plugin install token-chart@your-org [2]

ก่อนติดตั้ง เอกสารแนะนำให้ดูรายการ hook และการเรียกที่ mod จะทำก่อน [2] ถ้าใครส่งไฟล์ mod มาให้ ลองโหลดแบบใช้ครั้งเดียวด้วย --plugin-dir แล้วดูว่าเซสชันโหลดอะไรขึ้นมาบ้าง

Anthropic แชร์ mod ตัวอย่างไว้ในโฟลเดอร์ claude-code/mods ของรีโป anthropics/claude-code-playground [2] มีสามตัวที่อ่านแล้วเห็นภาพที่สุด

  • token-weather วาดพยากรณ์การใช้หน้าต่างบริบทเหนือช่องพิมพ์
  • blast-radius ดักคำสั่งเชลล์ที่เสี่ยง เช่น rm -rf หรือ force push แล้วโชว์ว่าจะกระทบอะไร มีปุ่มให้ไปต่อหรือยกเลิก
  • replay-theater เพิ่มคำสั่ง /replay ให้ไล่ดูไฟล์ที่ Claude แก้ในเทิร์นล่าสุดทีละขั้น

blast-radius คือสิ่งที่ตรงกับ "ตัวกันลบ" ในคลิปที่สุด และมันมีอยู่แล้วในตัวอย่างของ Anthropic ไม่ต้องเขียนเอง

เอกสารกำกับไว้ว่าตัวอย่างเหล่านี้แชร์ตามสภาพ ไม่มีการซัพพอร์ต [2] แปลว่าเจอบั๊กต้องแก้เอง

mod รันที่ไหนได้บ้าง

วาดจอได้ไม่ทุกที่

hook ของ mod รันได้ทุกเซสชันที่โหลดปลั๊กอิน ไม่ว่าผู้ให้บริการโมเดลจะเป็นรายไหน รวมถึง Bedrock, Agent Platform ของ Google Cloud และ Microsoft Foundry แต่การวาดหน้าจอแคบกว่านั้น [2]

  • เทอร์มินัล รวมถึงเทอร์มินัลในตัวเอดิเตอร์และปลั๊กอิน JetBrains ทั้ง hook และหน้าจอทำงาน
  • แท็บ Code ในแอปเดสก์ท็อป ทำงานทั้งคู่ ยกเว้นเซสชัน WSL
  • เซสชัน WSL ในเดสก์ท็อป ไม่ทำงานเลย เพราะปลั๊กอินยังไม่รองรับ WSL
  • ส่วนขยาย VS Code ทำงานทั้งคู่ แต่ต้องเป็นเวอร์ชัน 2.1.299 ขึ้นไป และถ้าเป็นเซสชันที่ไม่ดึง feature flag เช่นบน Bedrock ต้อง 2.1.304 ขึ้นไป
  • claude -p และ Agent SDK hook ทำงาน แต่หน้าจอไม่ถูกวาด
  • เซสชันบนคลาวด์ hook ทำงานถ้าปลั๊กอินตามไปถึง แต่หน้าจอไม่ถูกวาด
  • Remote Control จาก claude.ai หรือแอปมือถือ hook ทำงานในเซสชันบนเครื่องคุณ และหน้าจอวาดในเทอร์มินัลบนเครื่องนั้น

ใครควรลอง และใครยังไม่ต้อง

เริ่มจาก hook ธรรมดาก่อนถ้ายังไม่มั่นใจ

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

แต่ถ้าคุณเพิ่งเริ่มใช้ Claude Code หรือยังไม่เคยเขียน hook เลย ผมแนะนำให้เริ่มจาก settings hook กับ skill ก่อน เพราะเอกสารเองก็บอกให้เทียบสามทางนี้ก่อนจะเขียน mod [2] mod เป็นโค้ดที่รันด้วยสิทธิ์ของคุณ การเพิ่มชั้นที่มองไม่เห็นเข้าไปในเครื่องมือที่ทำงานกับไฟล์จริงควรทำตอนที่คุณอ่านโค้ดมันออก

และถ้าทีมคุณมีมาตรฐานความปลอดภัย mod ของคนอื่นควรผ่านการอ่านโค้ดก่อนติดตั้ง ไม่ใช่ติดตั้งเพราะคลิปบอกว่าดี

สรุป

mod คือปลั๊กอินที่เขียนด้วย JavaScript หรือ TypeScript แล้วรันอยู่ข้างใน Claude Code จึงวาดหน้าจอได้ ดักการเรียกเครื่องมือได้ และเพิ่มคำสั่งได้ ซึ่ง skill หรือ connector ทำแบบนี้ไม่ได้

ของนี้เปิดให้ใช้ตั้งแต่ 1 ต.ค. 2026 ในเวอร์ชัน 2.1.287 และมี mod ติดเครื่องอยู่แล้วหลายตัว รวมถึงตัวที่รับงาน /diff ไปวาดแผงเอง

จุดที่คลิปคลาดไปคือจังหวะเวลา ไฟล์ mod ไม่ได้หายทันทีที่ปิดหน้าต่าง มันโหลดได้เฉพาะในเซสชันที่สร้างมัน และจะถูกลบเมื่อโฟลเดอร์เก่ากว่า 30 วันตามค่าเริ่มต้น ถ้าอยากเก็บไว้ใช้เองเพียงคัดลอกโฟลเดอร์ออกมาแล้วเปิดด้วย --plugin-dir ไม่ต้องทำมาร์เก็ตเพลต

คำถามที่คลิปทิ้งท้ายไว้น่าสนใจกว่าตัวคลิปเสียอีก ถ้าสั่งได้ตัวเดียว คุณอยากให้ Claude Code มีอะไรเพิ่ม ที่ยังไม่มีในลิสต์ของ Anthropic

แหล่งอ้างอิง

[1] TikTok · Claude Work TH (@claude.work.th) · คลิป "Claude Code สร้างฟีเจอร์ใส่ตัวเองได้แล้ว" · 30 ต.ค. 2026 (565 วิว · 33 ไลก์ · 59 วิ) · https://www.tiktok.com/@claude.work.th/video/7702279057148284180
[2] Anthropic · Claude Code Docs · Mods overview (เข้าถึง 30 ต.ค. 2026) · https://code.claude.com/docs/en/plugins/mods/overview
[3] Anthropic · Claude Code Changelog (1 ต.ค. 2026) · เวอร์ชัน 2.1.287 "Added Claude Mods" · https://raw.githubusercontent.com/anthropics/claude-code/main/CHANGELOG.md
[4] Anthropic · Claude Code Docs · Create a mod (เข้าถึง 30 ต.ค. 2026) · https://code.claude.com/docs/en/plugins/mods/create
[5] npm registry · @anthropic-ai/claude-code · เวลาเผยแพร่ 2.1.287 (1 ต.ค. 2026) · 2.1.308 · 2.1.314 (30 ต.ค. 2026) · https://registry.npmjs.org/@anthropic-ai/claude-code
[6] Anthropic · Claude Code Docs · Plugins overview (เข้าถึง 30 ต.ค. 2026) · https://code.claude.com/docs/en/plugins
[7] Anthropic · Claude Code Docs · Settings reference (เข้าถึง 30 ต.ค. 2026) · cleanupPeriodDays (ค่าเริ่มต้น 30 วัน · ต่ำสุด 1) · https://code.claude.com/docs/en/settings-reference

Top comments (0)