คู่มือฉบับสมบูรณ์สำหรับ Claude Code Plugin: คัดสรรมาแล้ว 36 รายการจาก 9,000 รายการ

@ClaudeCode_love
ญี่ปุ่น2 เดือนที่ผ่านมา · 29 เม.ย. 2569
816K
628
56
4
1.6K

TL;DR

คู่มือนี้รวบรวม 36 ปลั๊กอินที่จำเป็นสำหรับ Claude Code จากทั้งหมด 9,000 รายการ โดยนำเสนอเครื่องมือเฉพาะทางสำหรับการพัฒนา Frontend, วิศวกรรมข้อมูล และระบบอัตโนมัติทางธุรกิจ เพื่อเพิ่มประสิทธิภาพการเขียนโค้ดด้วย AI ของคุณให้ถึงขีดสุด

หากคุณใช้ Claude Code อยู่แต่ยังไม่ได้ติดตั้ง "plugins" หรือไม่รู้ด้วยซ้ำว่ามันมีอยู่ คุณกำลังพลาดโอกาสไม่ต่างจากคนที่ไม่ใช้ Suica บนมือถือในยุคสมัยนี้เลย ยังไม่สายเกินไป คุณต้องอ่านบทความนี้ให้ได้เลย!!!

ช่วงนี้มีคนเข้าใจ Skills และ MCP มากขึ้นเรื่อยๆ แต่ตัวเปลี่ยนเกมที่เร่งวิวัฒนาการของ Claude Code ไปพร้อมกันจริงๆ คือ "plugins"

จริงๆ แล้วคุณไม่มีความกังวลแบบนี้เวลาที่ใช้ Claude Code หรอ?

Claude Code Studio - inline image

・plugins คืออะไร?

・มี plugins ของ Claude Code เยอะเกินไป ไม่รู้จะติดตั้งตัวไหนดี

・ติดตั้งไปบางตัวแล้ว แต่ไม่แน่ใจว่าใช้ได้จริงหรือเปล่า

・ดูใน official marketplace ก็ยังแยกไม่ออกว่าตัวไหนเป็นมาตรฐาน

・อยากรู้ว่านักพัฒนาคนอื่นเขาใช้ตัวไหนกันบ้าง

@zodchiii ตรวจสอบ official marketplace ของ Anthropic, คอลเลกชันชุมชนยอดนิยม, และ plugins ที่นักพัฒนาพูดถึงจริงๆ แล้วคัดเลือก 36 plugins ตามกรณีการใช้งาน ซึ่งกลายเป็นไวรัลในต่างประเทศ! 😳

ครั้งนี้ผมจะอธิบายเนื้อหาให้เข้าใจง่ายๆ 👇

โพสต์ต้นฉบับที่นี่: https://x.com/zodchiii/status/2042529018260656555

■ แล้ว plugins คืออะไร?

Claude Code Studio - inline image

Plugins คือแพ็กเกจที่รวม skills, commands, hooks, และ MCP servers เข้าด้วยกัน คุณสามารถติดตั้งได้ด้วยคำสั่งเดียว และไม่ต้องเขียนไฟล์คอนฟิกเอง ให้คิดว่ามันเป็นสิ่งที่ขยายความสามารถของ Claude Code

■ วิธีการติดตั้ง (เหมือนกันทุก plugin)

Claude Code Studio - inline image
  1. เปิด Claude Code ใน terminal
  2. พิมพ์ /plugin
  3. ไปที่แท็บ Discover
  4. ค้นหา plugin ตามชื่อ
  5. เลือกและกำหนดขอบเขตการติดตั้ง (User หรือ Project)

แค่นี้เอง คุณสามารถตรวจสอบแคตตาล็อกเต็มล่วงหน้าได้ที่ claude.com/plugins

สำหรับ community plugins ที่ไม่อยู่ใน official marketplace ให้เพิ่ม marketplace ก่อน:

/plugin marketplace add owner/repo

จากนั้น plugins จาก repository นั้นจะปรากฏในแท็บ Discover

■ Official Anthropic Plugins (01–08)

Claude Code Studio - inline image

เหล่านี้อยู่ใน official marketplace และได้รับการยืนยันโดย Anthropic

01 — Frontend Design

Claude Code Studio - inline image

สร้างโค้ด UI ที่เหมาะสม ไม่ดูเหมือน "AI สร้าง" มีระบบดีไซน์จริง ตัวพิมพ์หนา เป็น plugin ยอดนิยมที่มีการติดตั้งกว่า 400k+

claude.com/plugins/frontend-design

02 — Superpowers

เป็นมีดพับสวิสที่มีมากกว่า 20 skills มี TDD, debugging, การแปลงแผนเป็นโค้ด, การระดมสมอง, การสร้าง skill ติดตั้งกว่า 290k+

claude.com/plugins/superpowers

03 — Context7

ค้นหาเอกสารแบบเรียลไทม์ ดึง API ล่าสุดและตัวอย่างการใช้งานจาก source repos ป้องกันไม่ให้ Claude หลอนไปกับโค้ดไลบรารีเก่า

claude.com/plugins/context7

04 — Code Review

ตรวจสอบโค้ดอย่างมีโครงสร้าง บั๊ก, ความปลอดภัย, ประสิทธิภาพ, สไตล์ มี reviewer agent ในตัว

claude.com/plugins/code-review

05 — Security Guidance

สแกนหา OWASP Top 10, ข้อบกพร่องด้านการตรวจสอบสิทธิ์, ช่องโหว่ injection, และ secrets ที่ถูกฮาร์ดโค้ด

claude.com/plugins/security-guidance

06 — Commit Commands

ระบบอัตโนมัติสำหรับ Git workflow commits อัจฉริยะ, การสร้าง PR, การสร้าง changelog

claude.com/plugins/commit-commands

07 — Feature Dev

เวิร์กโฟลว์แบบ end-to-end สำหรับการ implement ฟีเจอร์ Spec → Plan → Implement → Test → PR ขั้นตอนมีโครงสร้าง

claude.com/plugins/feature-dev

08 — Plugin Toolkit

7 skills ระดับผู้เชี่ยวชาญสำหรับสร้าง plugin ของคุณเอง Hooks, MCP, commands, agents, validation

claude.com/plugins/plugin-toolkit

■ Code Quality & Language Servers (09–12)

Claude Code Studio - inline image

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

09 — TypeScript LSP —— การตรวจสอบประเภทและการนำทาง (Official)

10 — Python LSP —— Python language server (Official)

11 — Rust LSP —— การรวม rust-analyzer (Official)

12 — Ruby LSP —— ความสามารถด้านโค้ด Ruby (Official)

■ Autonomous Coding (13–15)

Claude Code Studio - inline image

13 — Ralph Loop

เซสชันการเขียนโค้ดอัตโนมัติ Claude ประมวลผลงานทีละงาน, commit ไปยัง git, แล้วไปต่อ หากปล่อยไว้ โค้ดที่เสร็จสมบูรณ์พร้อมประวัติ git ที่สะอาดรอคุณอยู่

claude.com/plugins/ralph-wiggum

14 — Chrome DevTools

ช่วยให้ดีบักคำขอเครือข่าย, ข้อผิดพลาดคอนโซล, และหน้าเว็บสดโดยใช้เซสชัน Chrome ที่มีอยู่ เป็น plugin ที่ถูกมองข้ามสำหรับการดีบัก frontend

15 — Playwright

Claude ใช้งานเบราว์เซอร์จริง คลิก, ป้อนข้อมูลฟอร์ม, จับภาพหน้าจอ, ทดสอบ UI ไม่ต้องใช้สคริปต์ทดสอบ

claude.com/plugins/playwright

■ Search & Data (16–20)

Claude Code Studio - inline image

16 — Firecrawl

ขูดข้อมูล URL ใดๆ, การรวบรวมข้อมูลเว็บไซต์, เอเจนต์วิจัยอัตโนมัติ เป็นสิ่งจำเป็นสำหรับการนำข้อมูลเว็บเข้า Claude Code

claude.com/plugins/firecrawl

17 — Sourcegraph

ค้นหาข้ามโค้ดเบส ติดตามการอ้างอิง, วิเคราะห์ผลกระทบจากการรีแฟกเตอร์, สแกนความปลอดภัย

claude.com/plugins/sourcegraph

18 — SQL Analytics —— การวิเคราะห์ข้อมูลและการแสดงผลด้วย SQL (สร้างโดยพาร์ทเนอร์)

19 — Data Engineering —— การสำรวจคลังข้อมูล, การสร้างไปป์ไลน์, การรวม Airflow (สร้างโดยพาร์ทเนอร์)

20 — Amplitude —— การสร้างแผนการติดตาม, การสร้างโค้ดวิเคราะห์

claude.com/plugins/amplitude

■ DevOps & Infrastructure (21–24)

Claude Code Studio - inline image

21 — Vercel —— การปรับใช้, การ build, บันทึก, การจัดการโดเมน

claude.com/plugins/vercel

22 — AWS Deploy —— การปรับใช้ AWS, คำแนะนำด้านสถาปัตยกรรม, การประมาณต้นทุน

23 — PagerDuty Risk Score —— ให้คะแนนความเสี่ยงในการปรับใช้ก่อน commit

claude.com/plugins/pagerduty

24 — Mintlify —— การสร้างเอกสารอัตโนมัติจากโค้ด

claude.com/plugins/mintlify

■ Integrations (25–30)

Claude Code Studio - inline image

25 — GitHub —— PRs, Issues, การค้นหาโค้ด, CI/CD (สิ่งจำเป็นสูงสุด)

claude.com/plugins/github

26 — Slack —— เวิร์กโฟลว์, ร่างข้อความ, การวิเคราะห์ช่อง

claude.com/plugins/slack

27 — Sentry —— การตรวจสอบข้อผิดพลาดในโปรดักชัน, stack traces, คำแนะนำการแก้ไข

claude.com/plugins/sentry

28 — Linear —— การจัดการ Issue, การจัดการ Sprint

claude.com/plugins/linear

29 — Supabase —— การจัดการฐานข้อมูล, การตรวจสอบสิทธิ์, พื้นที่จัดเก็บ

claude.com/plugins/supabase

30 — Stripe —— การชำระเงิน, การสมัครสมาชิก, ใบแจ้งหนี้, ข้อมูลลูกค้า

claude.com/plugins/stripe

■ Business & Knowledge Work (31–36)

Claude Code Studio - inline image

จาก marketplace knowledge-work-plugins ของ Anthropic เพิ่มก่อน:

/plugin marketplace add anthropics/knowledge-work-plugins

31 — Brand Voice —— ทำให้โทนแบรนด์เป็นหนึ่งเดียวในทุกเนื้อหา

32 — Marketing —— การตรวจสอบ SEO, กลยุทธ์เนื้อหา, การวิเคราะห์คู่แข่ง

33 — Sales —— การวิจัยลูกค้าเป้าหมาย, ลำดับอีเมล, การจัดการข้อโต้แย้ง

34 — Legal —— การตรวจสอบสัญญา, การปฏิบัติตามข้อกำหนด (สำหรับการคัดกรองเบื้องต้น ไม่ใช่คำแนะนำทางกฎหมาย)

35 — Finance —— การวิเคราะห์ทางการเงิน, การวางแผนงบประมาณ, โมเดลการพยากรณ์

36 — Productivity —— สรุปการประชุม, การจัดการงาน, ร่างอีเมล

■ ชุดคำแนะนำตามกรณีการใช้งาน

Claude Code Studio - inline image

คุณไม่จำเป็นต้องติดตั้งทั้งหมด 3–5 plugins ขึ้นอยู่กับสิ่งที่คุณทำนั้นเหมาะสมที่สุด

สำหรับนักพัฒนาทุกคน:

Frontend Design + Code Review + Commit Commands + LSP สำหรับภาษาของคุณ

Full Stack:

Superpowers + Context7 + GitHub + Supabase

Frontend:

Frontend Design + Chrome DevTools + Playwright + Vercel

DevOps:

AWS Deploy + Sentry + PagerDuty + GitHub

Business/Marketing:

Brand Voice + Marketing + Sales + Productivity

Data:

SQL Analytics + Data Engineering + Firecrawl

■ หมายเหตุการใช้งาน

แต่ละ plugin ใช้ context tokens ยิ่งมีมาก โอเวอร์เฮดก็ยิ่งเพิ่มขึ้น 3–5 ตัวเหมาะสมที่สุด

ปิดการใช้งาน plugins ที่คุณไม่ได้ใช้:

/plugin disable plugin-name

ลิงก์อ้างอิง:

・แคตตาล็อกเต็ม: claude.com/plugins

・Repository ทางการ: github.com/anthropics/claude-plugins-official

・เอกสาร Plugin: code.claude.com/docs/en/discover-plugins

■ สรุป

・36 plugins ที่คัดสรรจากกว่า 9,000 ตัว

・8 Official Anthropic + 4 Code Quality + 3 Autonomous Coding + 5 Search & Data + 4 DevOps + 6 Integrations + 6 Business

・ที่ได้รับความนิยมสูงสุดคือ Frontend Design (400k+) และ Superpowers (290k+)

・ไม่จำเป็นต้องติดตั้งทั้งหมด 3–5 ตัวขึ้นอยู่กับกรณีการใช้งาน

・ปิดการใช้งาน plugins ที่ไม่ได้ใช้เพื่อประหยัด tokens

・Community plugins สามารถเพิ่มได้ผ่าน /plugin marketplace add

━━━━━━━━━━

ถึงผู้ที่พบว่าบทความนี้มีประโยชน์แม้เพียงเล็กน้อย

Claude Code Studio - inline image

Claude Code Studio @ Japan (@ClaudeCode_love) เป็นบัญชีที่ดำเนินการโดยผู้ใช้ Claude Code ตัวยงสามคน

เราโพสต์ทุกวันเกี่ยวกับการใช้งาน CLI และระบบอัตโนมัติระดับมืออาชีพ

ปัจจุบันเรากำลังร่วมพัฒนา AI agent กับบริษัทจดทะเบียน

โพสต์ปกติของเรา 👇

・กรณีพัฒนาผลิตภัณฑ์จริงโดยใช้ Claude Code และ Claude

・จัดระเบียบการใช้งาน Claude Code / Vibe Coding / แนวโน้มการพัฒนา

・ข้อมูลล่าสุดเกี่ยวกับ Claude Code จากต่างประเทศ

ตั้งแต่ปรัชญาการพัฒนา การออกแบบ การนำไปใช้ ไปจนถึงการปรับปรุง เราสรุปข้อมูลจากต่างประเทศและข้อมูลปฐมภูมิ เพื่อไม่ใช่แค่ "ทำเสร็จ" แต่เพื่อ "ปล่อยผลิตภัณฑ์ที่ใช้งานได้สู่โลก"

หากคุณสนใจ กรุณาติดตามและลองดูเรา! 👀

ผมเชื่อว่ามันมีประโยชน์อย่างมาก และคุณจะไม่เสียใจ!

Save to YouMind

Use YouMind to read viral articles deeply

Save the source, ask focused questions, summarize the argument, and turn a viral article into reusable notes in one AI workspace.

Explore YouMind

แพตเทิร์นให้ถอดรหัสเพิ่มเติม

บทความไวรัลล่าสุด

สำรวจบทความไวรัลเพิ่มเติม