Superpowers: ให้ AI ถามก่อนทำ ทำทีละชิ้น และเขียนเทสต์ก่อนโค้ด

เคยไหมครับ พิมพ์บอก AI ว่า "อยากได้เว็บ todo list" แล้วมันเขียนโค้ดออกมาเป็นร้อยบรรทัดทันที พอเปิดดูถึงรู้ว่ามันเลือกเฟรมเวิร์กที่เราไม่ได้ใช้ ไม่มีวันครบกำหนดที่เราอยากได้ แถมแก้ตรงหนึ่งแล้วอีกตรงพัง เพราะไม่มีอะไรคอยเช็กว่าของเดิมยังทำงานอยู่

ปัญหาแบบนี้ไม่ได้เกิดเพราะ AI เขียนโค้ดไม่เก่ง แต่เพราะมันรีบลงมือก่อนเข้าใจงาน Superpowers คือชุด Skill ที่ติดตั้งให้เครื่องมือเขียนโค้ดด้วย AI เพื่อปลูกนิสัยการทำงานแบบมืออาชีพให้มัน ถามก่อนทำ ซอยงานเป็นชิ้นเล็ก และเขียนเทสต์ก่อนโค้ดเสมอ

จบบทความนี้คุณจะ:

• อธิบายกฎ 3 ข้อของ Superpowers ได้ และรู้ว่าแต่ละข้อช่วยอะไร
• ลองทำ "เทสต์ก่อนโค้ด" ด้วยมือตัวเองผ่านตัวทดสอบที่ติดมากับ Node.js
• ติดตั้ง Superpowers ในเครื่องมือที่ใช้อยู่ ทั้ง Claude Code, Cursor, Codex, Gemini CLI หรือ Copilot CLI
• เช็กได้ว่าติดตั้งได้ผล และรู้ว่าการทำงานจริงหน้าตาเป็นยังไง

เหมือนจ้างพี่เลี้ยงให้ AI

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

1. "ถามให้เคลียร์ก่อน แล้วค่อยเริ่ม"
2. "แบ่งงานเป็นชิ้นเล็ก ทำเสร็จทีละชิ้นแล้วส่งให้พี่ดู"
3. "เขียนเทสต์ก่อนว่าเสร็จแปลว่าอะไร แล้วค่อยเขียนโค้ดให้ผ่าน"

Superpowers ก็คือพี่เลี้ยงคนนั้น มันเก็บนิสัยทั้งสามข้อไว้เป็น Skill ที่ AI หยิบมาใช้เองเมื่องานตรงจังหวะ เราไม่ต้องพิมพ์สั่งทุกครั้ง

ศัพท์ที่ต้องรู้

กฎ 3 ข้อ และทำไมถึงช่วย

ถามก่อนทำ

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

ซอยงานเป็นชิ้น แล้วตรวจทีละชิ้น

พอยืนยันการออกแบบแล้ว AI จะเขียนแผนที่ซอยงานเป็นชิ้นเล็ก ชิ้นละราว 2–5 นาที แต่ละชิ้นบอกชัดว่าแก้ไฟล์ไหนและเช็กยังไง ทำเสร็จหนึ่งชิ้นก็ตรวจหนึ่งรอบก่อนไปชิ้นถัดไป ข้อดีคือถ้าผิด จะผิดแค่ชิ้นเล็กๆ หาเจอง่าย แก้ง่าย ไม่ต้องไล่อ่านโค้ดทีเดียวเป็นพันบรรทัด

เขียนเทสต์ก่อนโค้ด

ก่อนเขียนโค้ดแต่ละชิ้น AI จะเขียนเทสต์ที่ไม่ผ่านไว้ก่อน แล้วค่อยเขียนโค้ดให้ผ่าน เทสต์จึงเป็นทั้งคำนิยามว่า "เสร็จ" แปลว่าอะไร และเป็นยามเฝ้าประตู วันหลังถ้าแก้อะไรแล้วของเดิมพัง เทสต์จะฟ้องทันที

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

ลองเทสต์ก่อนโค้ดด้วยมือตัวเอง

ก่อนให้ AI ทำ มาลองทำเองสักรอบจะเห็นภาพชัดขึ้นครับ ใช้แค่ Node.js ซึ่งมีตัวรันเทสต์ติดมาให้แล้ว ไม่ต้องลงอะไรเพิ่ม เช็กก่อนว่ามี Node.js

node -v

v24.x.x

สร้างโฟลเดอร์ใหม่ชื่อ tdd-demo แล้วสร้างไฟล์เทสต์ก่อน เป้าหมายคือฟังก์ชัน sum ที่บวกเลขสองตัว

const test = require('node:test');
const assert = require('node:assert');
const { sum } = require('./sum.js');
 
test('บวกเลขสองตัว', () => {
  assert.strictEqual(sum(2, 3), 5);
});
 
test('บวกเลขติดลบ', () => {
  assert.strictEqual(sum(-4, 1), -3);
});

node:test คือตัวรันเทสต์ของ Node ส่วน assert.strictEqual(ค่าที่ได้, ค่าที่ควรได้) คือการตรวจคำตอบ ถ้าสองค่าไม่เท่ากันเทสต์จะไม่ผ่าน ต่อมาสร้าง sum.js แค่เป็นโครงเปล่าไว้ให้เทสต์เรียกได้ ยังไม่ต้องเขียนให้ทำงานจริง

function sum(a, b) {
  // ยังไม่ได้เขียน
}
 
module.exports = { sum };

รันเทสต์ในโฟลเดอร์ tdd-demo

node --test

✖ บวกเลขสองตัว (0.52ms)
✖ บวกเลขติดลบ (0.08ms)
ℹ tests 2
ℹ pass 0
ℹ fail 2
 
  AssertionError [ERR_ASSERTION]: Expected values to be strictly equal:
 
  undefined !== 5

นี่คือช่วง สีแดง ของ TDD เครื่องหมาย ✖ บอกว่าเทสต์ไหนไม่ผ่าน fail 2 คือไม่ผ่านทั้งสองข้อ และ undefined !== 5 บอกเหตุผลตรงตัว ฟังก์ชันคืนค่า undefined แต่เราอยากได้ 5 ทีนี้ค่อยเขียนโค้ดจริง

function sum(a, b) {
  return a + b;
}
 
module.exports = { sum };

✔ บวกเลขสองตัว (0.42ms)
✔ บวกเลขติดลบ (0.12ms)
ℹ tests 2
ℹ pass 2
ℹ fail 0

เช็กว่าได้แล้ว: รอบแรกเห็น fail 2 และรอบหลังเห็น pass 2 นี่คือวงจรที่ Superpowers ให้ AI ทำกับงานทุกชิ้นครับ

node --test หาไฟล์เทสต์เองจากชื่อ ไฟล์ที่ลงท้ายด้วย .test.js จะถูกหยิบมารันอัตโนมัติ ถ้าตั้งชื่ออื่นต้องระบุชื่อไฟล์ต่อท้ายคำสั่ง

ติดตั้ง Superpowers

ติดตั้งตามเครื่องมือที่ใช้ ถ้าใช้หลายตัวต้องติดตั้งแยกให้ครบทุกตัว เพราะแต่ละเครื่องมือเก็บ Plugin ของตัวเองแยกกัน (คำสั่ง ณ ตอนเขียน ต.ค. 2026)

gemini extensions install https://github.com/obra/superpowers

copilot plugin marketplace add obra/superpowers-marketplace
copilot plugin install superpowers@superpowers-marketplace

สองบรรทัดของ Copilot CLI ทำคนละอย่าง บรรทัดแรกเพิ่มร้านค้า Plugin ของ Superpowers เข้าไปในรายการ บรรทัดที่สองค่อยติดตั้งตัว Superpowers จากร้านนั้น ส่วนเครื่องมืออื่น เช่น OpenCode, Qwen Code หรือ Antigravity ดูวิธีติดตั้งได้ที่ github.com/obra/superpowers

ติดตั้งจากแหล่งทางการเท่านั้น Plugin ทำงานด้วยสิทธิ์เดียวกับเครื่องมือ AI ของเรา คืออ่านและแก้ไฟล์ได้ ให้ใช้คำสั่งจากหน้า GitHub ของโปรเจกต์ หรือร้านค้าทางการของเครื่องมือนั้นเท่านั้น

เช็กว่าติดตั้งได้ผล

วิธีเช็กง่ายที่สุดคือดูว่า AI เปลี่ยนนิสัยหรือยัง เปิดแชตใหม่ แล้วพิมพ์ว่า

อยากทำเว็บ todo list

ถ้าติดตั้งได้ผล AI จะยังไม่เขียนโค้ด แต่จะถามคำถามกลับมาก่อน เช่น ใครจะใช้ ต้องมีฟีเจอร์อะไร ข้อมูลเก็บที่ไหน ถ้ามันยังเขียนโค้ดทันที ให้ปิดเครื่องมือแล้วเปิดใหม่ทั้งโปรแกรม แล้วเริ่มแชตใหม่อีกรอบ

เช็กว่าได้แล้ว: ประโยคเดียวกันนี้ ได้คำถามกลับมาแทนโค้ด

ทำงานจริงหน้าตาเป็นยังไง

ตัวอย่างบทสนทนาแบบย่อ ให้เห็นว่างานเดินไปทีละช่วงยังไง

เรา: อยากทำเว็บ todo list
AI:  ขอถามก่อนนะครับ ใช้คนเดียวหรือแชร์กับคนอื่น
เรา: ใช้คนเดียว
AI:  ต้องมีวันครบกำหนดไหมครับ
เรา: มี และอยากเรียงตามวัน
AI:  สรุปการออกแบบส่วนที่ 1 (ข้อมูล): งานหนึ่งชิ้นมีชื่อ วันครบกำหนด และสถานะ
     ถูกต้องไหมครับ
เรา: ถูก
AI:  แผนงาน 6 ชิ้น ชิ้นละไม่กี่นาที
     1. เทสต์ + โค้ดเพิ่มงานใหม่
     2. เทสต์ + โค้ดเรียงงานตามวันครบกำหนด
     ...
     เริ่มชิ้นที่ 1 เลยไหมครับ
เรา: เริ่มเลย
AI:  เขียนเทสต์ "เพิ่มงานแล้วรายการต้องมี 1 ชิ้น" รันแล้วไม่ผ่านตามคาด
     เขียนโค้ด รันอีกครั้ง ผ่านแล้ว ตรวจงานชิ้นที่ 1 เสร็จ ไปชิ้นที่ 2

1. ตอบคำถาม AI ถามทีละข้อ ตอบตามจริง ถ้ายังไม่รู้ก็บอกว่าไม่รู้ได้ มันจะเสนอทางเลือกให้
2. ยืนยันการออกแบบทีละส่วน อ่านสรุปให้ดีก่อนตอบว่าถูก เพราะทุกอย่างหลังจากนี้จะยึดตามนี้
3. ได้แผนที่ซอยเป็นชิ้น ชิ้นละ 2–5 นาที อ่านแล้วรู้ว่ากำลังจะได้อะไร
4. แต่ละชิ้นเริ่มจากเทสต์ที่ไม่ผ่าน แล้วค่อยเขียนโค้ดให้ผ่าน และตรวจก่อนไปชิ้นต่อไป

Skill แต่ละตัวทำงานเองตามจังหวะ ไม่ต้องจำชื่อหรือสั่งเรียก เราแค่คุยงานตามปกติครับ

ใช้ให้คุ้ม บอกขอบเขตให้ชัดตั้งแต่ประโยคแรก เช่น "ใช้ HTML กับ JavaScript ล้วน ไม่ใช้เฟรมเวิร์ก" จะช่วยตัดคำถามที่ไม่จำเป็นออกไปได้เยอะ และถ้าโปรเจกต์ใช้ Git ให้ commit ทุกครั้งที่จบหนึ่งชิ้น จะย้อนกลับง่ายเมื่อชิ้นถัดไปพัง

เจอปัญหา ลองเช็กตามนี้

สรุป

• Superpowers คือพี่เลี้ยงของ AI สอนนิสัย 3 ข้อ ถามก่อนทำ ซอยงานแล้วตรวจทีละชิ้น และเขียนเทสต์ก่อนโค้ด
• TDD คือเขียนเทสต์ให้ไม่ผ่านก่อน (แดง) แล้วค่อยเขียนโค้ดให้ผ่าน (เขียว) ลองเองได้ด้วย node --test
• ติดตั้งแยกตามเครื่องมือ เช่น Claude Code ใช้ /plugin install superpowers@claude-plugins-official
• เช็กผลด้วยการพิมพ์ "อยากทำเว็บ todo list" ในแชตใหม่ ต้องได้คำถามกลับมาแทนโค้ด
• งานจริงเดินจากตอบคำถาม ยืนยันการออกแบบ ได้แผนชิ้นละ 2–5 นาที แล้วทำทีละชิ้นพร้อมเทสต์

พร้อมแล้วก็ไปทำ Quiz ท้ายบทด้านล่างเพื่อรับ XP ได้เลยครับ