จัดการทุกอย่างในหน้าต่างเดียว: เทอร์มินัล ไฟล์ และเบราว์เซอร์

เมื่อใช้ Claude Code ในการพัฒนา มักจะมีไฟล์ Markdown สะสมอยู่บนเครื่องเป็นจำนวนมาก ตัวอย่างเช่น เวลาวางแผนโปรเจกต์หรืองานที่ซับซ้อน ฉันมักจะขอให้ AI สร้างเอกสารแผนในรูปแบบ Markdown ไว้บนเครื่องก่อน

แต่การดูไฟล์เหล่านี้ต้องเปิดตัวแก้ไข การค้นหาข้อมูลในเอกสารต้องสลับไปที่เบราว์เซอร์ การสลับหน้าต่างบ่อยๆ ส่งผลกระทบอย่างมากต่อประสิทธิภาพการทำงาน WaveTerm ได้รับการออกแบบมาเพื่อแก้ไขปัญหานี้โดยเฉพาะ

โปรเจกต์นี้มีดาวบน GitHub มากกว่า 18,000 ดาวแล้ว

ฟังก์ชันหลักของมันคือ: รันเทอร์มินัล เรียกดูไฟล์ และดูเว็บเพจ พร้อมกันในหน้าต่างเดียวที่รวมทุกอย่างไว้

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

ตัวอย่างเช่น คุณสามารถรัน Claude Code ทางด้านซ้าย แสดงตัวอย่างเอกสาร Markdown แบบเรียลไทม์ทางด้านขวา และฝังหน้าต่างเบราว์เซอร์ไว้ด้านล่างสำหรับค้นหาข้อมูลในเอกสาร การดำเนินการทั้งหมดเสร็จสิ้นภายในอินเทอร์เฟซเดียว

ฟังก์ชันการแสดงตัวอย่างไฟล์ของมันค่อนข้างครอบคลุม รองรับการแสดงผล Markdown รูปภาพ PDF วิดีโอ CSV และรูปแบบอื่นๆ โดยตรง โดยไม่ต้องสลับไปยังแอปพลิเคชันอื่น

บน macOS สามารถติดตั้งได้ด้วยคำสั่งเดียว:

bash
brew install --cask waveterm

หากคุณใช้ Claude Code เป็นประจำในชีวิตประจำวัน ประสบการณ์เทอร์มินัลแบบออลอินวันของ WaveTerm จะช่วยเพิ่มประสิทธิภาพการทำงานได้อย่างเห็นได้ชัด ทำให้คุณไม่ต้องกังวลกับการสลับไปมาระหว่างหน้าต่างนับสิบอีกต่อไป

• ที่อยู่โปรเจกต์: https://github.com/wavetermdev/waveterm

ติดตามสถานะการทำงานของ Claude Code แบบเรียลไทม์

Claude HUD เป็นปลั๊กอินที่ออกแบบมาสำหรับ Claude Code โดยเพิ่มแถบสถานะแบบเรียลไทม์ไว้ใต้บรรทัดป้อนข้อมูล ทำให้คุณสามารถติดตามการดำเนินการที่ Claude กำลังทำอยู่ได้ตลอดเวลา

โปรเจกต์นี้มีดาวบน GitHub มากกว่า 5,000 ดาว หลังการติดตั้งสามารถใช้งานได้ทันทีโดยไม่ต้องรีสตาร์ท

ฟังก์ชันที่มีประโยชน์ที่สุดคือแถบความคืบหน้าของการใช้หน้าต่างบริบท ซึ่งแสดงสถานะปลอดภัย เตือนภัย และใกล้เต็มด้วยสีเขียว เหลือง และแดง ตามลำดับ การติดตามตัวบ่งชี้นี้มีความสำคัญมาก เพราะเมื่อบริบทหมด คุณภาพผลลัพธ์ของ Claude จะลดลงอย่างมาก

นอกจากนี้ มันยังสามารถแสดงสถานะการเรียกใช้เครื่องมือแบบเรียลไทม์ได้ เช่น Read x3 | Edit x1 ทำให้คุณรู้ได้ทันทีว่า Claude กำลังอ่านหรือแก้ไขไฟล์ใดอยู่

เมื่อ Claude เปิดตัว Agent พื้นหลังเพื่อประมวลผลงานแบบขนาน แถบสถานะจะแสดงกิจกรรมปัจจุบันและระยะเวลาการทำงานของแต่ละ Agent ด้วย เมื่อประมวลผลหลายงานพร้อมกัน จะแสดงตัวบ่งชี้ความคืบหน้า เช่น 3/5 และระบุงานที่กำลังดำเนินการอยู่

สามารถติดตั้งได้ด้วยคำสั่งสามบรรทัดต่อไปนี้:

bash
/plugin marketplace add jarrodwatts/claude-hud
/plugin install claude-hud
/claude-hud:setup

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

• ที่อยู่โปรเจกต์: https://github.com/jarrodwatts/claude-hud

ให้ AI ควบคุมเบราว์เซอร์ของคุณโดยตรง

chrome-cdp-skill เป็น Claude Code Skill แบบโอเพนซอร์ส

มันสามารถเชื่อมต่อโดยตรงกับเบราว์เซอร์ Chrome ที่คุณกำลังใช้อยู่ และควบคุมแท็บที่เปิดอยู่ได้

โปรเจกต์นี้เผยแพร่ได้เพียงสี่วัน แต่มีดาวบน GitHub มากกว่า 2,000 ดาวแล้ว

มันสร้างการเชื่อมต่อโดยตรงกับเบราว์เซอร์ผ่าน Chrome DevTools Protocol แต่ละแท็บจะเริ่มต้นเดมอนแบบน้ำหนักเบาขึ้นมา หน้าต่างป๊อปอัปขออนุญาตดีบักจะปรากฏเฉพาะครั้งแรกที่เชื่อมต่อเท่านั้น หลังจากนั้นจะใช้การเชื่อมต่อเดิมซ้ำโดยไม่ส่งเสียงรบกวน

แม้ว่าเบราว์เซอร์จะเปิดแท็บไว้มากกว่า 100 แทบ สกิลนี้ก็ยังสามารถทำงานได้อย่างเสถียร เดมอนจะปิดตัวเองหลังจากไม่มีการใช้งานเป็นเวลา 20 นาที เพื่อปล่อยทรัพยากร

ฟังก์ชันของมันครอบคลุมสถานการณ์การโต้ตอบกับเบราว์เซอร์ส่วนใหญ่ รวมถึงการจับภาพหน้าจอ การรับโครงสร้าง DOM ของหน้า การจำลองการคลิก การป้อนข้อความ การนำทางหน้า เป็นต้น

วิธีการใช้ง่ายมาก:
1. เปิดฟังก์ชันดีบักระยะไกลในเบราว์เซอร์ Chrome (ไปที่ chrome://inspect/#remote-debugging เพื่อตั้งค่า)
2. นำไฟล์ Skill นี้ไปไว้ในโฟลเดอร์ skills ของ Claude Code ก็เป็นอันเสร็จ

• ที่อยู่โปรเจกต์: https://github.com/pasky/chrome-cdp-skill

⚠️ หมายเหตุ: เนื้อหาได้รับการแปลโดย AI และตรวจสอบโดยมนุษย์ หากมีข้อผิดพลาดโปรดแจ้ง