นักพัฒนา Builder.io ใช้ Claude Code อย่างไร (+ เคล็ดลับที่ดีที่สุด)

Steve Swell จาก Builder.io ซึ่งเคยเป็น power user ของ Cursor และเคยได้รับความนิยมจากบทความ How I use Cursor (+ my best tips) ครั้งนี้ได้โพสต์บทความรวมเคล็ดลับดี ๆ เกี่ยวกับ Claude Code เลยขอแปล + สรุปมาแชร์กัน (ในบล็อกต้นฉบับมีวิดีโออ้างอิงและโค้ดสไนเป็ต)

• ใช้งานแบบผสานเข้ากับ IDE แต่ตอนนี้ผมใช้ Cursor แค่กับการเติมโค้ดอัตโนมัติด้วย CMD+K และ tab autocomplete เท่านั้น ส่วน agent mode ของ Cursor จะใช้เฉพาะตอนที่ Claude Code ใช้งานไม่ได้
• เมื่อก่อนหน้าต่าง code editor จะใหญ่กว่า และ agent จะอยู่ด้านข้าง ทุกวันนี้หน้าต่างของ Claude Code กลับใหญ่กว่าแล้ว
• ใน Builder.io มี React component เดียวที่ยาวถึง 18,000 บรรทัด ก่อนหน้านี้ไม่มี AI ตัวไหนจัดการมันได้ดีจริง ๆ แต่ Claude Code ทำได้
• ใช้แพลน $100 และโดยปกติจะใช้ Opus เท่านั้น คนส่วนใหญ่น่าจะใช้ค่าตั้งต้นก็เพียงพออยู่แล้ว (50% เป็น Opus แล้วถ้าใช้หมดจะไป Sonnet) ถ้าจะใช้งานให้ได้ผลจริง ควรสั่ง /clear ทุกครั้งก่อนเริ่มงานใหม่
• แฟลกให้สิทธิ์ Claude Code (claude --dangerously-skip-permissions) ไม่ได้อันตรายอย่างที่คิด จึงอาจคุ้มที่จะยอมรับความเสี่ยงแล้วลองใช้ดู
• การรีวิว PR ผ่าน GitHub integration (/install-github-app) ใช้งานได้ดีกว่าที่คิด ทั้งช่วยหา logic error และประเด็นด้านความปลอดภัยได้ดี แต่ review prompt เริ่มต้นยังไม่ค่อยดี ควรแก้ใน claude-code-review.yml
• การใส่ memory แบบรวดเร็วด้วย # ก็ดีมาก ระบบจะจัดเก็บลงไฟล์ memory ที่เหมาะสมที่สุดให้อัตโนมัติ
• ระบบคิวดีมาก ถ้ามีอะไรที่ลืมระหว่างกำลังทำงานอยู่ ก็แค่เพิ่มเข้าไปทีละอย่างแล้วระบบจะจัดการให้เองได้ดี หากต้องการ feedback ระหว่างทาง ก็ให้มันย้อนถามผมได้เหมือนกัน แทนที่จะเดาแล้วแก้ไปเองแบบไม่คิด
• ยิ่งตั้งค่า custom hook, slash command และการตั้งค่าแยกตามโปรเจกต์ได้ดีเท่าไร ก็ยิ่งใช้งานสบายขึ้น ซึ่งแค่ขอให้ Claude Code ช่วยทำ มันก็ทำให้ได้ทั้งหมด
• การใส่ $ARGUMENTS ใน custom command ก็มีประโยชน์มาก และใช้กับ subfolder ได้ด้วย ถ้าพิมพ์ /buider/plugin มันจะไปหา plugin.md ในโฟลเดอร์ builder
• ถ้าเพิ่ม Builder.io extension เข้าไปใน IDE ก็จะได้ทั้ง chat interface ที่ทำงานคล้าย Claude Code รวมถึง design preview และ visual edit ด้วย เขาทำอินเทอร์เฟซให้คล้ายที่สุดเท่าที่ทำได้จากการ reverse engineer Claude Code
• อื่น ๆ ที่คนเริ่มใช้อาจยังไม่รู้
  • กด Shift + Enter แล้วไม่ขึ้นบรรทัดใหม่ แต่ถ้าสั่ง /terminal-setup จะหาย
  • ตอนผสานกับ IDE แล้ว ถ้าลากไฟล์เข้าไปตรง ๆ จะไม่ได้เป็นการอ้างอิง (เพราะ IDE จะเปิดไฟล์นั้นแทน) ให้กด Shift ค้างไว้แล้วลาก
  • ถ้าจะหยุด Claude ไม่ใช่กด CTRL+C แต่ให้กด Esc
  • รูปภาพจากคลิปบอร์ดต้องวางด้วย CTRL+V ไม่ใช่ CMD+V (แม้บน Mac ก็เหมือนกัน)
  • กดลูกศรขึ้นเพื่อกลับไปดูแชตก่อนหน้าได้ (แม้เซสชันจะจบไปแล้ว) และกด Esc สองครั้งเพื่อดูข้อความทั้งหมด