ผมได้พูดถึง Agents และ Vibe Coding ไปเยอะมากในช่วงนี้
แต่พอแนะนำให้เพื่อนมากขึ้นเรื่อยๆ ผมกลับพบปัญหาที่มักถูกมองข้าม
อุปสรรคที่แท้จริงของคนส่วนใหญ่คือการขาดขั้นตอนการทำงาน (Workflow) ที่เป็นมาตรฐาน
โดยเฉพาะเวลาจะสร้างซอฟต์แวร์หรือโปรแกรมที่ตัวเองต้องการ การไม่มีกระบวนการที่เป็นระบบนั้นเป็นเรื่องที่น่ากลัวมาก
เพราะฉะนั้น วันนี้ผมเลยอยากมาแชร์ปลั๊กอินที่ใช้บ่อยและช่วยยกระดับประสบการณ์ในการ Vibe Coding ให้ดีขึ้น ซึ่งถือว่าต้องมีติดเครื่องไว้สำหรับทุกคนที่ผมแนะนำ และมันใช้ได้กับ Claude Code, Codex, OpenCode, Cursor และอื่นๆ อีกมากมาย
ตอนนี้บน GitHub มีดวงดาว (Star) ถึง 110,000 ดวงแล้ว
ชื่อของมันคือ Superpowers
ลิงก์ GitHub อยู่ตรงนี้:
https://github.com/obra/superpowers
มันยังเป็นปลั๊กอินที่ได้รับการรับรองอย่างเป็นทางการจาก Claude ด้วยนะ ติดอยู่ในตลาดปลั๊กอินทางการของ Anthropic มียอดติดตั้ง 230,000 ครั้ง อยู่อันดับสอง
อันดับหนึ่งคือ Skill ที่ช่วยให้งานออกแบบของคุณมีรสนิยมมากขึ้น นั่นคือ Frontend Design
Superpowers ไม่ใช่เครื่องมือธรรมดาทั่วไป ผมคิดว่าควรให้คำจำกัดความมันว่าเป็นระบบที่คอยชี้แนะ Agents ว่าจะทำงานต่างๆ ให้สำเร็จได้อย่างไร
เอาจริงๆ นะ Agents ส่วนใหญ่พอได้รับงานก็มักจะลงมือเขียนโค้ดทันที ข้ามขั้นตอนการออกแบบ การทดสอบ และการรีวิว สุดท้ายก็ออกมาเป็นโค้ดปึกหนึ่งที่ดูแลรักษายาก
Superpowers จะบังคับแทรกขั้นตอนการทำงานที่มีโครงสร้างเข้าไปในเส้นทางของ Agent เมื่อรวมกับ 14 Skills ที่มี ก็ช่วยยกระดับคุณภาพของผลลัพธ์สุดท้ายขึ้นไปอีกหลายขั้น
ผมทำแผนภาพมาให้ดูว่า Skills เหล่านี้มีไว้ทำอะไร และถูกนำมารวมกันยังไง คุณไม่ต้องดูรายละเอียดก็ได้ แค่เข้าใจหลักการก็พอ
คุณคงเห็นแล้วว่า Superpowers จริงๆ แล้วคือระบบ Workflow ที่ประกอบด้วย 14 Skills และที่สำคัญ ระบบนี้ไม่ได้ใช้แค่กับการพัฒนา เพราะแก่นแท้ของการสร้างอะไรสักอย่างนั้นคล้ายกัน
มันคือทั้งหมดเกี่ยวกับ การวางแผน - การแยกย่อย - การดำเนินการ - การทบทวน - การสะท้อนผล
ดังนั้น คุณยังสามารถใช้มันกับแผนการตลาด, งานพรีเซนเทชัน (PPT), การวิเคราะห์ข้อมูล ฯลฯ ได้ด้วย หลักการเหมือนกัน
มันมีประโยชน์มากเลยล่ะ
ผมคิดว่าควรจะให้คุณเห็นก่อนว่า กระบวนการพัฒนาแบบดั้งเดิมโดยใช้ Claude Code หรือ Codex ที่ไม่มี Superpowers นั้นหน้าตาเป็นยังไง
ขั้นตอนทั่วไปง่ายมาก: เขียนเอกสารความต้องการ (วางแผน) แล้วก็ลงมือพัฒนา
ยกตัวอย่าง Claude Code นะ ในที่นี้ การวางแผนคือโหมด Plan
สมมติว่ามีเพื่อนร่วมทีมคนหนึ่งเป็นโรคสมาธิสั้น (ADHD) และอ่านบทความแล้วเสียสมาธิง่าย ช่วงนี้เราคุยกันเรื่องจะทำโปรแกรมช่วยอ่านเล็กๆ สักตัว
สำหรับความต้องการนี้ เราก็เปิด Claude Code แล้วพิมพ์ /plan ในช่องสนทนาเพื่อเข้าโหมดวางแผน
บรรยายความต้องการสั้นๆ: ช่วยสร้างเว็บแอปพลิเคชันอ่านภาษาจีนสำหรับผู้ใช้ ADHD
ให้มันเริ่มวางแผน
จากนั้น มันก็จะทำการค้นคว้ารอบหนึ่ง แล้วโยนคำถามหลายข้อมาให้คุณตอบทีเดียว ซึ่งคุณจะสังเกตเห็นว่าคำถามเหล่านี้เป็นแบบขนาน ไม่มีความเป็นเหตุเป็นผลต่อกัน
เช่น มันถามถึงสถานการณ์การใช้งาน, ความชอบเกี่ยวกับเทคโนโลยีที่ใช้, และฟีเจอร์ที่ช่วยผู้ป่วย ADHD ผมเลือกการอ่านแบบ Bionic Reading ซึ่งเป็นการทำให้ตัวอักษรสองสามตัวแรกของแต่ละคำเป็นตัวหนา ซึ่งเป็นวิธีคลาสสิกที่ช่วยลดอาการ ADHD
ผมตอบไป แล้วมันก็ลงมือทำงานเลย
ไม่กี่นาทีต่อมา它也เสร็จ มันส่งของมาให้โดยไม่มีการรีวิวใดๆ
มองดูตอนนี้ มันดูใช้ได้ใช่ไหม?
จริงๆ แล้วมีปัญหาใหญ่...
เพราะ Bionic Reading ออกแบบมาสำหรับภาษาอังกฤษ
สำหรับภาษาอังกฤษมันใช้ได้ดี แต่สำหรับภาษาจีน มันใช้ไม่ได้เลย ทำให้การอ่านยุ่งเหยิง
เหตุผลง่ายมาก: คำภาษาอังกฤษมีช่องว่างเป็นตัวแบ่ง แต่ตัวอักษรจีนไม่มี ถ้าไม่มีช่องว่าง คุณก็หาขอบเขตของคำไม่ได้ ผลลัพธ์ที่ได้ก็ดูประหลาดมาก
นอกจากสไตล์จะไม่เข้ากันแล้ว การปรับให้เข้ากับผู้ใช้ในประเทศจีนก็ยังทำได้ไม่ดี
เวลาอ่านภาษาจีน เรามักใช้แพลตฟอร์มอย่าง WeChat Official Accounts และ Zhihu มากที่สุด แต่ปลั๊กอินนี้กลับอ่านเนื้อหาจากแพลตฟอร์มเหล่านี้ไม่ได้
มันห่างไกลจากโปรแกรมอ่านที่ผมต้องการมาก
พูดกันตามตรง ตำหนิ Claude Code ก็ไม่ได้
การช่วยอ่านสำหรับผู้ป่วย ADHD เป็นสาขาวิชาชีพที่ต้องการการวิจัยเฉพาะทาง โดยต้องคำนึงถึงบริบทของภาษาจีนและความเข้ากันได้กับแพลตฟอร์มภายในประเทศ
คำถามง่ายๆ ไม่กี่ข้อที่มันถาม นั้นไม่ครอบคลุมทุกความต้องการอย่างแน่นอน ดังนั้นมันจึงยากที่จะสร้างคำตอบที่ผมต้องการ
ผู้ใช้ส่วนใหญ่มีแค่ความคิดเลือนรางในหัว พวกเขารู้ว่าอยากแก้ปัญหาอะไร แต่กลับนึกไม่ออกชัดเจนว่ามันควรเป็นยังไง เส้นทางที่จะไปถึงจุดนั้นคืออะไร หรือขอบเขตของมันอยู่ตรงไหน
ดังนั้นในยุคก่อน Agents ผมเคยเขียนบทความหนึ่ง:
Digital Life Khazix
@Khazix0918
·
บทความ
แชร์ 6 เทคนิค Prompt ที่ผมใช้บ่อยที่สุด
ปี 2026 แล้ว ยังเห็นเพื่อนหลายคนบอกว่าคุยกับ AI ไม่เก่ง การตอบคำถามทั่วไปก็พอไหว แต่พอเป็นเรื่องที่ต้องใช้ความเชี่ยวชาญหรือมีหลายมิติ AI ก็ทำงานได้แย่ลงทันที...
55
222
953
หนึ่งในเทคนิค Prompt คือวิธีการถามแบบโสคราตีส: ใช้ Prompt ให้ AI ซักถามคุณทีละคำถามก่อนเริ่มงาน จนกว่าจะเข้าใจความต้องการอย่างถ่องแท้
【คำถาม/ความต้องการของคุณ】
กรุณาถามคำถามฉันก่อนที่จะตอบ
ข้อกำหนด: ถามครั้งละหนึ่งคำถามเท่านั้น ถามต่อไปตามคำตอบของฉัน จนกว่าคุณจะมั่นใจ 95% ว่าเข้าใจความต้องการและเป้าหมายที่แท้จริงของฉันแล้ว จากนั้นค่อยให้แนวทางแก้ไข
ในยุค Agent ก็คล้ายกัน แต่ถูกยกระดับจาก Prompt มาเป็น Skill ในกระบวนการ
มาลองพัฒนาโดยใช้ Superpowers กันอีกครั้ง
ขั้นแรก ติดตั้งปลั๊กอิน
แค่บอก Agent ของคุณหนึ่งประโยค:
ช่วยดาวน์โหลดและติดตั้งปลั๊กอินนี้ให้หน่อย: https://github.com/obra/superpowers
หลังจากติดตั้งเสร็จ อย่าลืมรีสตาร์ทเพื่อให้มีผล เพราะมันไม่รองรับ Hot-Reload
กลับมาที่โปรแกรมอ่านสำหรับ ADHD ลองอีกครั้ง
ส่ง Prompt เดิมทุกประการ
คุณจะเห็นว่ามันเริ่มเรียกใช้ Superpowers และ Workflow
สิ่งแรกที่มันทำคือถามว่าผู้ใช้จะใช้งานมันยังไง ซึ่งแก้ปัญหาการอ่านคอนเทนต์ที่ถูกปิดกั้น (Firewall) ได้โดยตรง
ไม่เหมือนกับคำถามแบบขนานในโหมด Plan นะ Superpowers จะถามทีละคำถามเท่านั้น มันจะตัดสินคำถามถัดไปจากคำตอบของคุณ ซึ่งก็คือวิธีการถามแบบโสคราตีสที่ผมพูดถึงนั่นแหละ วิธีนี้ทำให้คำถามลึกซึ้งขึ้น ไม่ได้อยู่แค่เพียงผิวเผิน
ผมเลือกให้เป็นส่วนขยายของเบราว์เซอร์ แล้วมันก็ถามถึงฟังก์ชันหลัก ในขั้นตอนนี้ผมลังเลเพราะไม่ค่อยคุ้นเคย เลยบอกให้มันไปหาข้อมูลให้หน่อย
มันไปหาข้อมูลมาจริงๆ และกลับมาพร้อมรายงาน
จากนั้นมันก็ให้คำแนะนำและจัดลำดับความสำคัญของฟังก์ชันหลัก
สำหรับ Bionic Reading มันระบุโดยตรงว่ามัน "อ่อนแอแต่ผู้ใช้ชอบ" และอ้างอิงงานวิจัยว่ามันไม่ช่วยพัฒนาการอ่านภาษาจีนสำหรับผู้ใช้ ADHD ได้อย่างมีนัยสำคัญ
ผมให้มันช่วยเลือกฟังก์ชันสองสามอย่าง
จากนั้นมันก็ซักถามผมต่อ บังคับให้ผมคิดให้ชัดเจน: กำหนดเป้าหมายเบราว์เซอร์ไหน? มีความชอบเกี่ยวกับไลบรารีตัดคำภาษาจีนหรือเปล่า? ภาษา UI และสไตล์?
มันบังคับให้คุณคิดให้รอบคอบ
โครงการตัวอย่างนี้ไม่ได้ซับซ้อนมาก แต่เมื่อคุณพัฒนาโปรเจกต์ใหญ่ๆ คุณจะรู้สึก "เหงื่อตก" จริงๆ จากการถูกซักถาม
หลังจากคุณตอบคำถามทั้งหมดแล้ว AI ก็จะเข้าใจความต้องการของคุณคร่าวๆ
ถึงจุดนี้ ไม่เหมือนกับโหมด Plan มันจะเสนอทางเลือกสถาปัตยกรรมสามแบบ โดยระบุข้อดี ข้อเสีย และสถานการณ์ที่เหมาะสมของแต่ละแบบอย่างชัดเจน
คุณเลือกอันใดอันหนึ่ง หรือใช้คำแนะนำของมันก็ได้
ผมเลือก B เพราะไม่อยากได้โซลูชันแบบ Hybrid
จากนั้นมันก็ให้ผมยืนยันรายละเอียดต่างๆ ทีละจุด
สถาปัตยกรรมโดยรวม รายละเอียดการออกแบบโมดูลฟังก์ชัน แผงควบคุม โฟลว์ข้อมูลและการจัดเก็บ ฯลฯ
การยืนยันอีกครั้งทำให้ผมเหงื่อตก รู้สึกว่าตัวเองเป็นมือสมัครเล่นมากเมื่อเทียบกับ AI
เมื่อยืนยันทุกอย่างเรียบร้อยแล้ว ในที่สุดมันก็เขียนเอกสารการออกแบบที่ละเอียดมากและบันทึกไว้ในเครื่อง
เพื่อนหลายคนรู้สึกว่าผลลัพธ์สุดท้ายไม่ใช่สิ่งที่ตัวเองต้องการ ซึ่งปกติแล้วไม่ใช่เพราะ AI แย่ แต่เป็นเพราะความต้องการไม่ชัดเจนต่างหาก
วางแผน 2 ชั่วโมง ลงมือทำ 10 นาที ผมยิ่งรู้สึกว่าการลงมือทำไม่สำคัญเท่าไหร่ การคิดให้ดีในขั้นตอนวางแผนต่างหากที่สำคัญที่สุด
ตอนที่เราทำมินิโปรแกรมจองตั๋ว AIFUT เราคุยโวเกินไปและไม่ได้ทำตามกระบวนการ AI-assisted มาตรฐาน ความต้องการของผู้ใช้หลายอย่างไม่ได้ถูกนำมาพิจารณาก่อนปล่อย ความเสี่ยงเรื่องขอบเขตก็ไม่ชัดเจน นั่นคือปัญหาของการวางแผนในช่วงแรก
ดังนั้นสิ่งที่ผมรู้สึกตอนนี้คือ การพัฒนา AI มันเร็วพอแล้ว จุดที่ควรใช้เวลาคือก่อนเริ่มลงมือ
คุณต้องถูกซักถามอยู่เรื่อยๆ วิเคราะห์กรณีขอบเขต (Edge Case) ทั้งหมดกับทีม และมีคนที่มีประสบการณ์คอยดูแล ถึงจะผลิตของที่ส่งมอบให้ผู้ใช้ได้จริงๆ
กลับมาที่ Superpowers ขั้นตอนแรกของการวางแผนจบลงแล้ว ทั้งหมดข้างต้นเป็นเพียง Skill แรกในกระบวนการของ Superpowers
นั่นคือการระดมสมอง (Brainstorming)
ใช่แล้ว อันแรก
หลังจากเอกสารการออกแบบได้รับการยืนยันแล้ว คุณคิดว่ามันจะเริ่มเขียนโค้ดเลยมั้ย?
แต่แล้ว Skill ที่สองก็เข้ามา: การใช้ Skill using-git-worktrees เพื่อสร้างพื้นที่ทำงานแบบแยกส่วน
มันจะดึง Branch ใหม่จาก Main Branch การพัฒนาทั้งหมดหลังจากนี้จะเกิดขึ้นบน Branch ใหม่นี้ โค้ดใน Main Branch จะไม่ได้รับผลกระทบ และไม่ว่าคุณจะทำอะไรยุ่งๆ บน Branch ใหม่ ก็จะไม่กระทบของเดิม พอเสร็จและดูว่าดีแล้วค่อย Merge กลับเข้าไป
นี่คือการแยกส่วน หลายคนแก้ไขโปรเจกต์ก่อนหน้าโดยตรงโดยไม่มีการแยกส่วนเวอร์ชัน แล้วก็พังทุกอย่าง ซึ่งเป็นนิสัยที่แย่มาก
ต่อไป Skill ที่สาม writing-plans ก็ปรากฏตัว
สังเกต ยังไม่มีการเขียนโค้ดนะ
มันจะแยกย่อยเอกสารการออกแบบนั้นเป็นลิสต์งานพัฒนาทีละขั้นตอน โดยเฉพาะงานที่สามารถทำให้เสร็จได้ใน 2-5 นาที
นี่มันน่าสนใจ เพราะเป้าหมายของพวกเขา ในคำพูดของพวกเขาเองคือ: "เพื่อให้วิศวกรหน้าใหม่ที่กระตือรือร้นแต่ไม่มีรสนิยม ไม่มีวิจารณญาณ ไม่รู้บริบทของโปรเจกต์ และเกลียดการทดสอบ สามารถทำตามได้"
ผมหัวเราะเมื่อเห็นประโยคนี้
ดังนั้น เมื่อใช้ Superpowers คุณไม่จำเป็นต้องใช้ Claude Opus 4.6 เสมอไป จริงๆ แล้ว ยิ่งโมเดลธรรมดาเท่าไหร่ยิ่งได้ประโยชน์ นั่นคือบทบาทของ Skill นี้
การแยกย่อยยังมีข้อดีอีกอย่างคือ คุณสามารถตรวจสอบงานย่อยๆ ทุกชิ้นได้ ถ้ามีปัญหา คุณจะเจอมันทันที แทนที่จะรอจนโปรเจกต์ทั้งหมดเสร็จแล้วถึงระเบิด
สิ่งนี้จะชัดเจนยิ่งขึ้นในขั้นตอนการดำเนินการ (Execution)
หลังจากขั้นตอนนี้ ในที่สุดเราก็มาถึงขั้นตอนการเขียนโค้ด
มันเรียกใช้ Skill subagent-driven-development
มันเปิด Sub-Agents หลายตัวเพื่อทำงานทั้งหมดที่กล่าวมาข้างต้น
หลังจากแต่ละงานได้รับการพัฒนาแล้ว มันก็ไม่ได้แค่ส่งให้คุณเลย มันจะผ่านการตรวจสอบสองรอบ
รอบแรก ส่ง Agent รีวิวอิสระไปดูว่างานนั้นเป็นไปตามข้อกำหนดรึเปล่า สิ่งที่ควรทำทำแล้วหรือยัง มีการเพิ่มอะไรที่ไม่จำเป็น หรือมี Over-Design ที่ออกแบบเกินความจำเป็นหรือไม่
รอบสอง ส่ง Agent รีวิวอีกตัวไปตรวจสอบคุณภาพโค้ด เน้นว่าโค้ดเป็นระเบียบและดูแลรักษาง่ายมั้ย
ถ้าสอบไม่ผ่านรอบไหน งานนั้นจะถูกส่งกลับไปแก้ไขและรีวิวใหม่จนกว่าจะผ่าน
เมื่อ 10 งานย่อยนี้พัฒนาเสร็จ การรีวิวก็ยังไม่จบ ในขั้นตอนถัดไป Skill requesting-code-review จะส่ง Agent รีวิวสุดท้ายไปดูโค้ดทั้งหมดตั้งแต่ต้นจนจบ
การรีวิวก่อนหน้านี้เน้นที่ส่วนย่อย ส่วนครั้งนี้เน้นที่ภาพรวม ตรวจสอบว่าโมดูลต่างๆ เชื่อมต่อกันได้หรือไม่ มีอะไรตกหล่นไหม ตรรกะโดยรวมสอดคล้องกันหรือเปล่า
สุดท้าย มันจะรันการตรวจสอบเพื่อยืนยันว่าการทดสอบทั้งหมดผ่าน แล้ว Merge โค้ดกลับไปยัง Main Branch และทำความสะอาดพื้นที่ทำงาน
ในที่สุดก็เสร็จ
มาดูเอฟเฟกต์ของโปรแกรมอ่านกัน
มันมีโหมดการอ่านที่ใช้งานได้จริงสองโหมด
โหมดหนึ่งคือการระบายสีตามชนิดของคำ (Part-of-speech coloring) ซึ่งแยกสีคำนาม กริยา และคำคุณศัพท์ ทำให้โครงสร้างประโยคชัดเจนขึ้นมาก
อีกโหมดหนึ่งคือการโฟกัสย่อหน้า (Paragraph focus) ซึ่งย่อหน้าที่กำลังอ่านจะถูกไฮไลต์ ส่วนย่อหน้าอื่นๆ จะมืดลง เหมาะสำหรับย่อหน้ายาวๆ และลดสิ่งรบกวนจากข้อความรอบข้างได้อย่างมาก ป้องกันไม่ให้จิตใจล่องลอย
สำหรับผู้ใช้ ADHD ศัตรูตัวใหญ่ที่สุดคือความสนใจที่ถูกดึงไปกับข้อความรอบข้าง
โปรแกรมอ่านนี้ทำให้จุดโฟกัสชัดเจนขึ้น ทำให้เนื้อหามองเห็นง่าย มีสิ่งรบกวนน้อยลง การอ่านทั้งชิ้นจึงไม่เหนื่อยเท่า
และครั้งนี้ เพราะมันเป็นโซลูชันในรูปแบบปลั๊กอิน หน้าเว็บอย่าง WeChat Official Accounts และ Zhihu ก็สามารถอ่านได้ตามปกติ
มันทำงานได้สมบูรณ์แบบในครั้งแรกเลย ช่วยให้ผมประหยัดความยุ่งยากไปได้เยอะ...
นี่แสดงให้เห็นอย่างชัดเจนว่า Workflow ที่ถูกต้องควรเป็นอย่างไรในยุค AI
วางแผน 2 ชั่วโมง ลงมือทำ 10 นาที ตรวจสอบ 1 ชั่วโมง
ประมาณนี้
นอกจาก Skills ที่ผมพูดถึง ยังมีอีกหลายอย่างที่ไม่ได้พูดถึง คุณสามารถลองด้วยตัวเองได้
นี่คือปลั๊กอินที่ผมแนะนำว่าต้องมีให้ทุกคน
ในความคิดผม มันอยู่ในระดับเดียวกับ skill-creator
เชื่อผมเถอะ มันจะช่วยปรับปรุงคุณภาพงานของคุณได้อย่างมาก
และประสิทธิภาพของคุณด้วย
