สกิลที่ผมหยิบใช้บ่อยมากตัวหนึ่งคือ /visual-explainer 📊
เวลา Claude จะอธิบายยาวเป็น text หรือ ASCII diagram ผมสั่ง /visual-explainer ให้แปลงเป็น HTML หน้าเดียวเปิดใน browser ใช้บ่อยกับ walk-through ระบบ สรุป PR และ handoff ข้ามทีม
23 เม.ย. 2026อ่าน ~1 นาทีดู 11,895 ครั้งบนเพจ
Claude Codeต้นฉบับบน Facebook ↗
สกิลที่ผมหยิบใช้บ่อยมากตัวหนึ่งคือ /visual-explainer 📊
เวลาที่ Claude กำลังจะอธิบายอะไรยาว ๆ เป็น text ล้วน
หรือเริ่มตอบมาเป็น ASCII table / diagram ที่อ่านแล้วเหนื่อย
ผมมักจะสั่ง /visual-explainer แทน
ตัวนี้ทำหน้าที่เอา output พวกนั้น
ไปแปลงเป็น HTML หน้าเดียวแบบ self-contained
เปิดดูใน browser ได้เลย
ฟีลจะเหมือนหน้า explainer หรือ article มากกว่า diagram แห้ง ๆ
ช่วงเดือนที่ผ่านมา ผมใช้มันค่อนข้างบ่อย กับงานประมาณนี้
🗺 Walk-through ระบบที่ยังไม่เข้าใจ
เช่นให้ช่วยอธิบาย RAG, auth flow หรือ architecture ของระบบหนึ่งแบบเห็นภาพ
📋 สรุป PR diff / change set
เอาไว้ให้คนในทีมอ่านต่อได้ง่ายขึ้น แทนการไล่ดู diff ยาว ๆ
🔄 สรุป current flow ตอน onboard dev ใหม่
ส่งเป็นหน้าเดียว อ่านแล้วเห็นภาพรวมเร็วกว่าอธิบายเป็นข้อความยาว ๆ
🧠 ทำ memory doc ของ feature ที่ซับซ้อน
ไว้กลับมาอ่านทวนทีหลังแล้วยังเข้าใจ flow เดิมได้
📄 แปลง .md ยาว ๆ ให้กลายเป็น visual page
เหมาะกับ doc ที่ข้อมูลดีอยู่แล้ว แต่รูปแบบเดิมอ่านยาก
🤝 handoff ข้าม repo / ข้ามทีม
เช่น frontend ↔ backend แล้วอยากส่ง context เป็นลิงก์หน้าเดียวให้จบ
สิ่งที่ผมชอบคือ
มันช่วยลดงานจุกจิกพวกนี้ไปเยอะ
• ไม่ต้องเปิด Figma หรือ Excalidraw ก่อน
• ไม่ต้องมานั่งเขียน Mermaid เองทุกครั้ง
• เหมาะมากกับงานที่อยาก “อธิบายให้เห็นภาพ” มากกว่า “อธิบายให้ครบทุกบรรทัด”
ถ้าใครใช้ Claude Code แล้วเจองานแนว
“ช่วยสรุปอันนี้ให้เข้าใจง่ายหน่อย”
หรือ
“อธิบาย flow นี้ให้ทีมอ่านต่อได้หน่อย”
ตัวนี้เป็นอีก skill ที่น่าลองมาก