Hermes Desktop Kanban, Custom Widgets, SSH Backend, Custom Layouts (X Short Videos)
สรุปย่อ
ประเด็นสำคัญจากวิดีโอ
- **Hermes desktop app ได้รับการปรับปรุงอย่างมาก** จากทีม Nous Research ตั้งแต่ช่วงเปิดตัวซึ่งเคยมีปัญหาเรื่องความล่าช้าและประสิทธิภาพ ปัจจุบันการใช้งานลื่นไหลขึ้นมาก
# Thai Summary — Hermes Desktop Kanban, Custom Widgets, SSH Backend, Custom Layouts ## จุดสำคัญ - **Hermes desktop app ได้รับการปรับปรุงอย่างมาก** จากทีม Nous Research ตั้งแต่ช่วงเปิดตัวซึ่งเคยมีปัญหาเรื่องความล่าช้าและประสิทธิภาพ ปัจจุบันการใช้งานลื่นไหลขึ้นมาก - **เชื่อมต่อผ่าน SSH ภายใน desktop app ได้แล้ว** ฟีเจอร์ใหม่ในหัวข้อ Gateway ช่วยให้ผู้ใช้เชื่อมต่อกับเครื่องปลายทาง (เช่น DGX Spark) ผ่าน SSH ได้โดยตรง ไม่ต้องพึ่งพาส่วนขยาย VS Code อีกต่อไป ระบบจัดการ tunneling และทุกอย่างให้อัตโนมัติ - **Multi-session และ multi-tab** ช่วยให้ผู้ใช้ปรับแต่ง workspace ได้อย่างยืดหยุ่น สามารถลากและวาง session ต่าง ๆ เป็น pane หรือ tab แยกกันได้ และยังดึง session เก่ามาเป็น context ใน session ใหม่ได้ด้วยการลากวาง - **Hermes desktop plug-in SDK** เปิดโอกาสให้ผู้ใช้สร้าง custom widget ภายใน desktop app เอง เช่น วิดเจตแสดง process ที่ใช้ memory สูงสุด หรือวิดเจตแสดงคะแนนเบสบอล MLB แบบเรียลไทม์ - **วิดเจตปรับเลย์เอาต์ได้** หลังสร้างแล้วผู้ใช้สามารถสั่ง Hermes ให้ปรับให้ย้ายได้ แล้วจัดเลย์เอาต์ได้ตามต้องการ - **Kanban board เป็น plug-in ตัวแรกอย่างเป็นทางการ** ตอบสนองความต้องการของผู้ใช้ที่อยากให้มี Kanban ที่เคยอยู่เฉพาะใน web dashboard มาไว้ใน desktop app ด้วย - **Kanban ดึงข้อมูลจาก dashboard เดิม** ทำให้บอร์ดเก่าและงานเดิมยังอยู่ครบ ใช้งานร่วมกันได้ทันที - **Auto Decomposer** ใน Kanban จะแตกงานใหญ่เป็นงานย่อยและมอบหมายให้ profile ที่เหมาะสมโดยอัตโนมัติ เช่น Wiki Researcher, Wiki Writer, Wiki Verifier - **Estimate Effort** เป็นปุ่มใหม่ที่เรียก LLM เพื่อประมาณการจำนวน token ที่งานแต่ละ task จะใช้ - **Orchestration Settings** แสดงความถนัดของแต่ละ profile ซึ่งเป็นข้อมูลที่ระบบใช้ในการตัดสินใจมอบหมายงาน - **ผลลัพธ์ตัวอย่าง** การสั่งวิจัยและสร้าง wiki เกี่ยวกับ Matt PCO skills ให้ผลลัพธ์เป็น markdown wiki 9 หน้า ผ่าน workflow อัตโนมัติตั้งแต่ค้นคว้า ร่าง จนถึงตรวจทาน ## คำตัดสิน คลิปนี้โชว์ให้เห็นว่า Hermes desktop app พัฒนาไปไกลมากจากช่วงเปิดตัว ฟีเจอร์ SSH backend, multi-session/tab UI, plug-in SDK สำหรับ custom widget และ Kanban board ล้วนตอบโจทย์ผู้ใช้ที่ต้องการปรับแต่งและใช้งาน Hermes agent ในเครื่องเดียวโดยไม่ต้องพึ่งเครื่องมืออื่น เหมาะอย่างยิ่งสำหรับผู้ที่ใช้งาน Hermes agent อย่างจริงจัง
คำแปลเต็ม
แปลตามบทสนทนาต้นฉบับ ปรับเป็นภาษาไทยธรรมชาติ
ทีมงานที่ Nous Research ได้ลงแรงกับการปรับปรุงประสบการณ์การใช้งานใน Hermes Agent desktop app อย่างมากเลยครับ และผมรู้สึกได้ถึงความเปลี่ยนแปลงนี้จริง ๆ ผมว่าคนจำนวนไม่น้อยที่เริ่มใช้ตั้งแต่ช่วงแรกที่ออกมาน่าจะเคยรู้สึกว่ามันยังเดี้ยง ๆ อยู่บ้าง ประสิทธิภาพยังไม่ค่อยดีนัก แต่ก็เป็นเพราะมันเพิ่งออกมา ยังอยู่ในช่วงเบต้า ทีมก็ยังคงพัฒนาต่อเรื่อยมา ตอนนี้ก็ได้มีการปรับปรุงหลายอย่างเข้ามา บางอย่างดูเด่นชัด บางอย่างก็ไม่โดดเด่นมาก แต่โดยรวมแล้วประสบการณ์การใช้งานลื่นไหลขึ้นมากเลยครับ พูดได้ว่าตอนนี้ผมใช้ Hermes desktop app เป็นหลักเวลาทำงานกับ Hermes agent บนพีซีเครื่องนี้เลย เพราะประสบการณ์การใช้งานดีขึ้นมากจริง ๆ
ในคลิปของวันนี้ผมอยากจะโชว์การปรับปรุงสำคัญ ๆ ให้ดูครับ ซึ่งผลเคยทำคลิปสั้น ๆ บนทวิตเตอร์ครอบคลุมทุกหัวข้อไปหมดแล้ว ถ้าใครดูครบทุกคลิปแล้วก็ข้ามไปได้เลยนะครับ แต่ผมอยากทำคลิปเดียวให้ช่องยูทูบ ที่รวบรวมการปรับปรุงหลัก ๆ ไว้ในที่เดียว ซึ่งส่วนใหญ่เป็นเรื่องของการปรับแต่ง desktop app ให้เป็นของตัวเองและเข้ากับ workflow ของแต่ละคน
ดังนั้นเราจะมาดูกัน 3 หัวข้อหลักครับ อันดับแรกคือการใช้ multi-session และ multi-tab เพื่อปรับ workspace ให้เข้ากับ workflow ของเราให้ได้มากที่สุด ต่อมาคือการสร้าง custom UI element ผ่าน Hermes desktop app plug-in SDK และสุดท้ายคือ plug-in ตัวแรกอย่างเป็นทางการนั่นก็คือ Kanban board เราจะลองทำตาม workflow จริง ๆ และดูว่ามันทำงานยังไงใน desktop app เริ่มกันเลยครับ
อ้อ ก่อนอื่น ถ้าใครที่ run agent เองและอยากเข้าถึง LLM wiki ที่ผมใช้ค้นคว้าและสร้างคลิปพวกนี้ ลองแวะดูโปรเจกต์ของผมที่ agentwikis.com ได้นะครับ ผมให้ wiki เหล่านี้ฟรีในหลากหลายหัวข้อ และถ้าอยากสมัคร pro account ก็เดือนละ $9.99 จะได้เข้าถึง wiki ขนาดใหญ่พิเศษที่มีรายละเอียดและเนื้อหาเยอะกว่าในแต่ละหัวข้อด้วยครับ เอาล่ะ กลับเข้าเรื่องกันต่อ
เรื่องแรกเลยนะครับ ผมมี DGX Spark เชื่อมต่อกับพีซีหลักผ่าน SSH โดยปกติก็เปิด terminal อะไรก็ตามแล้ว SSH เข้าไปที่ Spark ตรงนี้ผมก็ใช้ CLI ก็ได้ เข้า Claude Code หรือ Hermes agent ผ่าน TUI ก็ได้ แต่ปัญหาคือผมเข้าถึงไฟล์ไม่ได้สะดวก อยากดูรูปภาพอะไรแบบนี้ก็ไม่ได้ วิธีที่ผมใช้อยู่ก่อนหน้านี้คือใช้ส่วนขยาย Remote SSH ใน VS Code ซึ่งก็ช่วยให้เข้าถึง codebase ทั้งหมดได้ เห็นรูปภาพ ลากไฟล์เข้าไปใน Spark ได้ ก็ใช้ได้นะ แต่ผมไม่ได้ใช้ VS Code บ่อยเท่าไหร่ สิ่งที่ผมใช้บ่อยกว่าคือ Hermes agent และตัว desktop app เอง ตอนนี้หน้าจอที่เห็นนี้เชื่อมต่ออยู่กับ Hermes agent ในเครื่อง Windows ของผม
แต่เมื่อเร็ว ๆ นี้ทางทีมได้เพิ่มฟีเจอร์ที่ให้เราเชื่อมต่อผ่าน SSH ได้เหมือนกับที่ทำในส่วนขยายของ VS Code เลยครับ วิธีคือเปิด Settings ลงไปที่หัวข้อ Gateway ข้อควรระวังคือต้องอัปเดต Hermes agent ให้เป็นเวอร์ชันล่าสุดทั้งในเครื่องที่ลง desktop app ไว้และในเครื่องปลายทางที่เราจะ SSH เข้าไป ในกรณีของผมคือเครื่อง Spark จากนั้นจะเห็นว่าเดิมทีมีแค่ 3 บล็อก แต่ตอนนี้มีตัวเลือก Connect via SSH เพิ่มเข้ามา ให้เลือก host ซึ่งต้องตั้งค่า SSH ไว้ก่อนแล้วนะครับ คือต้องมี key อยู่ในเครื่อง Spark ของผมชื่อว่า Hibana ระบบจะตรวจหาตำแหน่งไฟล์ให้อัตโนมัติ แต่ถ้าอยู่ที่อื่นก็เปลี่ยนเองได้ แล้วกด Save กับ Reconnect เป็นอันจบ desktop app จะจัดการเรื่อง tunneling และอื่น ๆ ให้หมด
มาดูผลลัพธ์กันครับ ตอนนี้เราจะเห็นว่าผมกำลังทำโปรเจกต์ Tombby bench อยู่บน Spark และนี่คือ Spark เครื่องเดิมไฟล์ทั้งหมดอยู่ในนี้ครับ อยากโชว์ให้ดูว่ารูปภาพก็ยังอยู่ครบ เพราะมันเก็บ artifacts และรูปภาพทั้งหมดที่อยู่ใน Spark ไว้ เราสามารถเข้าถึงและทำทุกอย่างที่ทำในส่วนขยาย VS Code ได้ในนี้เลย แถมยังเห็น local skills ทั้งหมดที่มี ซึ่ง skills เหล่านี้เป็นของ agent ที่อยู่บน Spark ของผมนะครับ เราสามารถเข้าถึงและทำงานต่อได้ในนี้โดยมีฟังก์ชันครบเหมือน Hermes agent desktop app ปกติเลยครับ ผมใช้ฟีเจอร์นี้จริงและใช้ง่ายมาก ถ้าใคร run Hermes agent บน Spark หรืออุปกรณ์ภายนอกที่ต้อง SSH เข้าไป วิธีนี้ทำให้ชีวิตง่ายขึ้นมาก แค่คลิกสองทีใน Settings ก็เสร็จ ไม่ต้องไปนั่งตั้งค่า authorization อะไรให้ยุ่งยาก
เอาล่ะ มาต่อกันครับ ทาง Nous Research ได้เพิ่มความสามารถใหม่ ๆ ให้ Hermes Agent desktop app เยอะมาก หนึ่งในนั้นคือความยืดหยุ่นในการปรับ UI ในโพสต์นี้ บรู๊คลินจากทีม Nous Research ได้อธิบายว่าเราสามารถใช้ multiple panes และปรับแต่ง desktop app ให้ดูได้ตามใจเราเลย โดยเฉพาะถ้าทำงานกับหลาย session พร้อมกัน ก็จะง่ายมาก แต่มีอีกหนึ่งฟีเจอร์ที่ผมอยากโชว์ให้ดูรวดเร็ว ตอนนี้อยู่ในหนึ่ง session นะครับ นี่เป็นฟีเจอร์ใหม่หรืออาจจะมีมาสักพักแล้วแต่ผมไม่รู้ตัว ก็คือเราสามารถเอา session อื่นมาใส่เป็น context เข้าไปใน session ปัจจุบันได้เลย
ผมเพิ่งเปิด session ใหม่ที่พิมพ์แค่คำว่า hello แต่ผมดึง session ก่อนหน้าเข้ามาเป็น context แล้วพิมพ์ว่า "สรุป session นี้ให้หน่อย" ทำให้สะดวกมากครับ จะเห็นได้ว่ามันแสดง session ID จริง ๆ ของ session นั้น แค่คลิกแล้วลากมาวางก็เสร็จ เราก็จะเห็นสรุปของ session ที่แล้วทันที เห็นได้ว่า session นั้นผมกำลังพยายามพัฒนา short จากคลิป GBrain ของผม ผมว่ามันเป็นฟังก์ชันที่ดีมาก
อีกส่วนที่อยากโชว์เป็นหลักคือการปรับแต่ง UI ครับ นี่คือ session หลักที่ผมเปิดอยู่ ผมแค่เพิ่มอันนี้เข้าไป ก็ทำได้เลย ไม่จำเป็นต้องอยู่ใน project เดียวกันด้วยซ้ำ ถ้าผมอยากวางอันนี้ลงข้างล่างเพราะกำลังทำอยู่ ก็ทำได้ และแต่ละ pane ยังมีหลาย tab ได้ด้วย ถ้าผมอยากเพิ่ม session นี้เป็น tab ก็ได้ แล้วสลับไปมาระหว่างสอง session ได้โดยไม่ต้องสร้าง pane แยก สรุปคือมีวิธีปรับแต่งได้เยอะมากครับ จะทำแบบว่าอันนี้เป็น session หลักก็ได้ ย้ายอันนี้ลงข้างล่างให้เหลือ 3 อันบนและอันใหญ่ข้างล่าง และถ้าอยากเอาออกก็แค่ปิด ผมก็ปิดไปสองอันแล้ว หรือจะคลิกขวาเลือก Split Right หรือ Split Down แทนที่จะมีสอง tab ก็แบ่งเป็น pane แยกข้างล่างได้เลย เป็นวิธีปรับแต่งที่เจ๋งมาก ขึ้นอยู่กับว่าเราทำงานอะไรอยู่ ถ้าทำงานหลาย session พร้อมกันเหมือนผม มันก็เป็นฟีเจอร์ที่ดีมากครับ
ต่อมาครับ บรู๊คลินจาก Nous Research มีโพสต์พูดถึงการใช้ Hermes สร้าง desktop widget ภายในตัว desktop app เอง มาลองทำดูเลยครับ วิธีที่บอกคือให้ใช้ Hermes desktop plug-in SDK ผมก็บอก Hermes ว่า "ช่วยใช้ Hermes desktop plug-in SDK สร้าง widget ที่แสดง process ที่ใช้ memory สูงสุดบนพีซีของผมหน่อยได้ไหม" ผมก็ไม่รู้หรอกนะว่ามันจะทำได้ไหม แต่เรามาดูกัน และนี่ก็เป็นอะไรที่ผมใช้งานจริงด้วย เพราะปกติผมเปิด Task Manager ไว้บ่อย ๆ เพื่อดูว่า memory จะเหลือพอไหม
โอเค เริ่มเห็นว่ามันเริ่มทำงานแล้วครับ มันสร้าง desktop pane ขึ้นมา จากนั้นจะเปิดใช้ backend plugin แล้วเราจะดูกันว่ามันจะทำงานได้ไหม สังเกตว่าตอนนี้มันใช้ computer use อยู่ มันกำลังขยับของต่าง ๆ ใน desktop app โดยที่ผมไม่ได้ทำอะไรเลย มีเมาส์เล็ก ๆ แยกต่างหาก อันนี้คือผมเองครับ
น่าจะกำลัง reset gateway อะไรทำนองนั้นอยู่ครับ ไปแล้ว เอาล่ะ เสร็จแล้ว หลังจาก reset เราก็จะได้ custom UI element ของเรามา นั่นก็คือตัวแสดง system memory ตรงนี้ครับ สิ่งที่ดีก็คือเราสามารถเอาของแบบนี้มาปรับเลย์เอาต์ได้ตามใจ ผมไม่ต้องใช้ Task Manager แล้วด้วยซ้ำ ตอนนี้มันยังอยู่ตำแหน่งเดิม แต่ผมสั่ง Hermes ให้ทำเป็นแบบเคลื่อนย้ายได้ก็ได้ เพื่อที่จะได้ปรับเลย์เอาต์ได้นิดหน่อย เอาล่ะ ผมย้ายขึ้น ย้ายลง หรือจะวางตรงนี้ก็ได้ ทีนี้ผมก็เอาไปวางไว้ข้าง ๆ แล้วเอาโฟลเดอร์ขึ้นไปข้างบน เอา terminal ลงข้างล่าง แล้วก็ปรับได้ตามใจชอบเลยครับ ฟีเจอร์นี้ดีมาก
อันต่อไปนะครับ ผมสั่งให้มันสร้าง floating widget ที่ดึงคะแนนเบสบอลประจำวันมาแสดง แล้วก็อัปเดตทุก ๆ ชั่วโมง โดยต้องมีปุ่มให้กดอัปเดตเองได้ด้วย มันก็ทำให้ครับ โอเค ใช้เวลาแค่สองคำสั่งก็เสร็จ ดูข้างล่างได้เลยครับ จะเห็นว่ามีคำว่า MLB Live อยู่ตรงนี้ กดเข้าไปได้เลย นี่คือ widget ตัวเล็ก ๆ ของเรา และนี่คือคะแนนทั้งหมดจากเกมวันนี้ กดปุ่มนี้ก็อัปเดตคะแนนได้เลย ปรับแต่งได้ตามใจเลยครับ มีบอกวันที่อัปเดตด้วย ต้องยอมรับว่าเจ๋งมาก
นี่ก็เป็นคู่ของตัวอย่างสนุก ๆ ที่ทำให้ Hermes desktop app เป็นของเราเองครับ มาต่อกันที่หัวข้อหลักของวันนี้ Nous Research ได้ประกาศ Kanban board ซึ่งเป็น plug-in แรกอย่างเป็นทางการของ Hermes desktop app ซึ่งนี่เป็นสิ่งที่คนร้องขอกันมานานมาก ๆ ที่อยากให้มี Kanban board ที่ปกติอยู่ใน web dashboard ให้มาอยู่ใน desktop app ด้วย และทีมก็ทำได้สำเร็จด้วย plug-in SDK ครับ
พูดถึง plug-in SDK จริง ๆ ผมเคยทำคลิปไปเมื่อไม่กี่วันก่อน ที่โชว์วิธีสร้าง widget แบบปรับแต่งเอง อย่างเช่นคะแนนเบสบอลที่ผมทำไป และระหว่างนั้นถึงตอนนี้ผมก็เพิ่ม widget ใหม่ ๆ เข้าไปอีก เช่นตัวดูสภาพอากาศซึ่งก็มีประโยชน์ดี ช่วงนี้ผมทำงานใน desktop app เยอะมาก มี widget พวกนี้ไว้ใช้ก็สะดวกดีจริง ๆ ครับ
ทีนี้ลองเข้าไปที่ Settings แล้วเลื่อนลงมาดูครับ จะเห็นว่ามีหัวข้อใหม่คือ Desktop Plugins จะเห็น widget คะแนนเบสบอลอยู่ที่นี่ ส่วนตัว memory ผมปิดไว้ก่อน และที่นี่เราจะเห็น Kanban ได้เลยครับ มีตัวอย่าง plug-in อย่าง example plugin และ gateway pill และนี่คือ Kanban board ตรงนี้เลย เรามาเปิดใช้งานมันกัน เพื่อที่จะได้เห็นหน้าตามัน
โอเค มันสร้างบอร์ดขึ้นมาใต้ส่วน artifacts เลยครับ นี่คือ Kanban board เวอร์ชันใหม่ ดูดีมาก สังเกตว่ามีบอร์ดเก่า ๆ ที่ผมเคยทำไว้ด้วย เพราะมันดึงข้อมูล Kanban จาก web dashboard มาใช้ร่วมกันเลย
ผมจะลองทำ workflow แบบง่าย ๆ ของ pipeline สร้าง knowledge base ของผมดูครับ อันเต็ม ๆ ใช้เวลานานเกินไป ลองทำแบบสั้น ๆ ก่อน ผมเริ่มต้นด้วยการสร้าง task ในคอลัมน์ Triage โดยให้คำสั่งว่า "ให้ค้นคว้า knowledge base หรือ wiki ใหม่ในหัวข้อ Matt PCO skills" ผมเคยทำคลิปเรื่อง Wavefinder ไปและอาจจะทำเรื่องอื่นต่อ นี่คือ GitHub repo ของเขา ซึ่งมี skills ที่คนนิยมเยอะมาก ผมก็ให้ข้อมูลแค่นี้แหละครับ แล้วสั่งว่า "เขียน draft wiki แล้วตรวจทานให้หน่อย" ที่เหลือน่าจะเป็นอัตโนมัติหมด
โอเค งานเข้าคอลัมน์ Triage ตรงนี้เลยครับ ครู่เดียว ไม่กี่วินาทีก็เลื่อนจาก Triage ลงไปที่ To-dos และจะเห็นว่ามีงานกำลังรันอยู่ ผมชอบวิวใหม่นี้นะครับ ถ้ากดเข้าไปดูจะเห็นว่านี่คือ Wiki Researcher และอย่างที่เห็น ผมไม่ได้กำหนด profile ใด ๆ เลย ระบบแบ่งงานออกเป็น profile ที่เหมาะสมให้เองเลย และจะเห็นว่ามี Auto Decomposer ด้วย ซึ่งเป็นส่วนของ Kanban ที่คอยแจกงานให้กับ profile ต่าง ๆ โดยอัตโนมัติตามความเหมาะสม
ตอนนี้มันกำลังรันอยู่ และเราจะเห็น To-dos ตรงนี้ครับ Wiki Writer จะเป็นคนร่าง markdown wiki ที่มีการลิงก์ข้ามไปมา และสุดท้ายมี Wiki Verifier ที่จะเป็นคนตรวจทานความถูกต้องและความครบถ้วนของ wiki นี่เป็นวิวที่ดีมาก ๆ ครับ ทุกอย่างจะถูกทำเสร็จตรงนี้เลย ลองสำรวจดูเพิ่มอีกนิด จะเห็นแท็บ Activity ด้วย อ่านดูว่ามันกำลังทำอะไรอยู่ก็ได้ ตอนนี้มันกำลังรันอยู่ในแท็บ Kanban นะครับ ถ้าอยากลองเข้าไปดู session อื่น ๆ ก็ได้ จะเห็นว่าผมยังทำคลิปอยู่กลางคัน หวังว่าจะเสร็จพรุ่งนี้นะครับ
โอเค ส่วนค้นคว้าเสร็จแล้ว เริ่มร่าง wiki แล้ว เสร็จแล้วครับ writer เสร็จแล้ว จะเห็นว่าสร้าง draft markdown wiki ได้ถึง 9 หน้าเลย และสุดท้าย verifier ก็เริ่มทำงานบ้างแล้ว ที่น่าสนใจคือมีปุ่ม Estimate Effort อยู่ตรงนี้ ถ้ากดเข้าไป มันจะเรียก LLM เพื่อประมาณการว่าจะใช้ token ไปเท่าไหร่ น่าสนใจมาก เป็นฟีเจอร์ใหม่ที่ผมยังไม่เคยเห็นมาก่อนเลย
ด้านบนนะครับ จะเห็นว่ามี Orchestration Settings ถ้ากดเข้าไป มันจะบอกว่าแต่ละ profile เก่งเรื่องอะไรบ้าง ซึ่งเป็นวิธีที่ระบบใช้ตัดสินใจว่าจะมอบหมายงานให้ profile ไหน เอาล่ะ verifier ทำเสร็จแล้ว และน่าจะเสร็จทั้งหมดแล้ว นี่คือ default profile สุดท้ายของผมที่ทำการตรวจสอบขั้นสุดท้ายให้กับงานทั้งหมด
เสร็จแล้วครับ ทุกอย่างเรียบร้อย ดูในเครื่องของเราได้เลย นี่คือไฟล์ต่าง ๆ ที่ได้มา ผมเปิดใน VS Code ให้ดู นี่คือไฟล์ overview ตรงนี้เลย เป็นไฟล์ index ของ wiki ไฟล์ทั้งหมดอยู่ที่นี่แล้ว พร้อมใช้งานเลยครับ ผมจะตรวจทานอีกครั้งแล้วอาจจะเพิ่มเข้าไปใน agent wikis และก็จะเอาไปใช้ทำคลิปของผมเองด้วย
เอาล่ะ นี่ก็คือภาพรวมของ Kanban plug-in ใน desktop app ครับ เป็นสิ่งที่คนร้องขอกันมานานแล้วและทีมก็ส่งมอบให้ได้ หน้าตาดีมาก สไตล์ใหม่ดูสะอาดตาดี แต่ถ้าใครเคยใช้ Kanban ใน dashboard มาก่อน หน้าตาก็จะคุ้นเคยอยู่แล้ว
นี่ก็คือ 3 วิธีในการปรับแต่ง desktop app ให้เป็นของตัวเอง ปรับให้เข้ากับ workflow และปลดล็อกความสามารถทั้งหมดของ Hermes agent ได้ในแอปตัวเดียว ก็จะจบเพียงเท่านี้สำหรับคลิปนี้ครับ ฝากคอมเมนต์ด้วยนะครับ บอกมาได้เลยว่าคิดอย่างไรกับ desktop app และอยากได้ plug-in แบบไหน ผมเองก็กำลังสร้าง plug-in ต่าง ๆ อยู่เหมือนกัน แต่ก็อยากรู้ว่าอะไรที่จะเป็นประโยชน์กับคนดู ก็จบไว้ที่นี่ครับ ขอบคุณที่รับชมนะครับ
หมายเหตุการแปล
ความโปร่งใสเกี่ยวกับความไม่แน่นอนในต้นฉบับ
- ## [ฟังไม่ชัด] Segments
- ไม่มี — ไม่พบส่วนใดในคำบรรยายที่ไม่ชัดเจนจนต้องใช้ `[ฟังไม่ชัด]`
- ## Uncertain Segments
อภิธานศัพท์เทคนิค
คำศัพท์และชื่อผลิตภัณฑ์ที่คงรูปภาษาอังกฤษ
| ศัพท์ | คำแปล / คำอธิบาย |
|---|---|
| English Term | Thai Gloss |
| Hermes Agent | Hermes Agent |
| Hermes desktop app | Hermes desktop app |
| Nous Research | Nous Research |
| Kanban | Kanban (คัมบัง) |
| Kanban board | Kanban board |
| SSH | SSH |
| plug-in SDK | plug-in SDK (ชุดพัฒนาปลั๊กอิน) |
| multi-session | multi-session (หลายเซสชัน) |
| multi-tab | multi-tab (หลายแท็บ) |
| multi-pane | multi-pane (หลายพาเนล) |
| session | session (เซสชัน) |
| workspace | workspace (พื้นที่ทำงาน) |
| workflow | workflow (ขั้นตอนการทำงาน) |
| context | context (บริบท) |
| pane | pane (พาเนล) |
| tab | tab (แท็บ) |
| custom widget | custom widget (วิดเจตกำหนดเอง) |
| floating widget | floating widget (วิดเจตลอย) |
| UI element | UI element (องค์ประกอบส่วนติดต่อผู้ใช้) |
| plug-in | plug-in (ปลั๊กอิน) |
| TUI | TUI (อินเทอร์เฟซแบบข้อความ) |
| CLI | CLI (อินเทอร์เฟซบรรทัดคำสั่ง) |
| gateway | gateway (เกตเวย์) |
| tunneling | tunneling (อุโมงค์เครือขวาง) |
| host | host (โฮสต์) |
| DGX Spark | DGX Spark |
| Task Manager | Task Manager (ตัวจัดการงาน) |
| memory | memory (หน่วยความจำ) |
| token | token (โทเคน) |
| LLM | LLM (โมเดลภาษาขนาดใหญ่) |
| LLM wiki | LLM wiki |
| knowledge base | knowledge base (ฐานความรู้) |
| wiki | wiki (วิกิ) |
| artifact | artifact (อาร์ติแฟกต์) |
| profile | profile (โปรไฟล์) |
| Orchestration Settings | Orchestration Settings (ตั้งค่าการประสานงาน) |
| Auto Decomposer | Auto Decomposer (ตัวแตกงานอัตโนมัติ) |
| Triage | Triage (คัดแยก) |
| To-dos | To-dos (สิ่งที่ต้องทำ) |
| Estimate Effort | Estimate Effort (ประมาณความพยายาม) |
| MLB Live | MLB Live |
| Remote SSH | Remote SSH |
| VS Code | VS Code |
| computer use | computer use (การควบคุมคอมพิวเตอร์) |
ซับไตเติ้ลภาษาไทย
ดาวน์โหลดหรือดูซับทั้งหมด
1 00:00:00,000 --> 00:00:02,090 ทีมงานที่ Nous Research 2 00:00:02,090 --> 00:00:05,996 ได้ลงแรงกับการปรับปรุงประสบการณ์การใช้งานใน 3 00:00:05,996 --> 00:00:09,630 Hermes Agent desktop app อย่างมากเลยครับ 4 00:00:09,630 --> 00:00:13,355 และผมรู้สึกได้ถึงความเปลี่ยนแปลงนี้จริง ๆ
เปิดดูซับไตเติ้ลทั้งหมด (282 segments)
1 00:00:00,000 --> 00:00:02,090 ทีมงานที่ Nous Research 2 00:00:02,090 --> 00:00:05,996 ได้ลงแรงกับการปรับปรุงประสบการณ์การใช้งานใน 3 00:00:05,996 --> 00:00:09,630 Hermes Agent desktop app อย่างมากเลยครับ 4 00:00:09,630 --> 00:00:13,355 และผมรู้สึกได้ถึงความเปลี่ยนแปลงนี้จริง ๆ 5 00:00:13,355 --> 00:00:20,895 ผมว่าคนจำนวนไม่น้อยที่เริ่มใช้ตั้งแต่ช่วงแรกที่ออกมาน่าจะเคยรู้สึกว่ามันยังเดี้ยง ๆ 6 00:00:20,895 --> 00:00:24,075 อยู่บ้าง ประสิทธิภาพยังไม่ค่อยดีนัก 7 00:00:24,075 --> 00:00:28,254 แต่ก็เป็นเพราะมันเพิ่งออกมา ยังอยู่ในช่วงเบต้า 8 00:00:28,254 --> 00:00:30,616 ทีมก็ยังคงพัฒนาต่อเรื่อยมา 9 00:00:30,616 --> 00:00:34,159 ตอนนี้ก็ได้มีการปรับปรุงหลายอย่างเข้ามา 10 00:00:34,159 --> 00:00:37,884 บางอย่างดูเด่นชัด บางอย่างก็ไม่โดดเด่นมาก 11 00:00:37,884 --> 00:00:42,699 แต่โดยรวมแล้วประสบการณ์การใช้งานลื่นไหลขึ้นมากเลยครับ 12 00:00:42,699 --> 00:00:46,242 พูดได้ว่าตอนนี้ผมใช้ Hermes desktop app 13 00:00:46,242 --> 00:00:49,240 เป็นหลักเวลาทำงานกับ Hermes agent 14 00:00:49,240 --> 00:00:50,966 บนพีซีเครื่องนี้เลย 15 00:00:50,966 --> 00:00:54,509 เพราะประสบการณ์การใช้งานดีขึ้นมากจริง ๆ 16 00:00:54,509 --> 00:00:58,597 ในคลิปของวันนี้ผมอยากจะโชว์การปรับปรุงสำคัญ ๆ 17 00:00:58,597 --> 00:01:01,414 ให้ดูครับ ซึ่งผลเคยทำคลิปสั้น ๆ 18 00:01:01,414 --> 00:01:04,775 บนทวิตเตอร์ครอบคลุมทุกหัวข้อไปหมดแล้ว 19 00:01:04,775 --> 00:01:08,591 ถ้าใครดูครบทุกคลิปแล้วก็ข้ามไปได้เลยนะครับ 20 00:01:08,591 --> 00:01:11,498 แต่ผมอยากทำคลิปเดียวให้ช่องยูทูบ 21 00:01:11,498 --> 00:01:15,132 ที่รวบรวมการปรับปรุงหลัก ๆ ไว้ในที่เดียว 22 00:01:15,132 --> 00:01:19,129 ซึ่งส่วนใหญ่เป็นเรื่องของการปรับแต่ง desktop 23 00:01:19,129 --> 00:01:22,672 app ให้เป็นของตัวเองและเข้ากับ workflow 24 00:01:22,672 --> 00:01:25,580 ของแต่ละคน ดังนั้นเราจะมาดูกัน 3 25 00:01:25,580 --> 00:01:28,578 หัวข้อหลักครับ อันดับแรกคือการใช้ 26 00:01:28,578 --> 00:01:31,939 multi-session และ multi-tab เพื่อปรับ 27 00:01:31,939 --> 00:01:34,574 workspace ให้เข้ากับ workflow 28 00:01:34,574 --> 00:01:38,662 ของเราให้ได้มากที่สุด ต่อมาคือการสร้าง custom 29 00:01:38,662 --> 00:01:42,841 UI element ผ่าน Hermes desktop app plug-in SDK 30 00:01:42,841 --> 00:01:44,749 และสุดท้ายคือ plug-in 31 00:01:44,749 --> 00:01:48,655 ตัวแรกอย่างเป็นทางการนั่นก็คือ Kanban board 32 00:01:48,655 --> 00:01:51,290 เราจะลองทำตาม workflow จริง ๆ 33 00:01:51,290 --> 00:01:54,469 และดูว่ามันทำงานยังไงใน desktop app 34 00:01:54,469 --> 00:01:58,285 เริ่มกันเลยครับ อ้อ ก่อนอื่น ถ้าใครที่ run 35 00:01:58,285 --> 00:02:01,192 agent เองและอยากเข้าถึง LLM wiki 36 00:02:01,192 --> 00:02:04,190 ที่ผมใช้ค้นคว้าและสร้างคลิปพวกนี้ 37 00:02:04,190 --> 00:02:07,733 ลองแวะดูโปรเจกต์ของผมที่ agentwikis.com 38 00:02:07,733 --> 00:02:09,550 ได้นะครับ ผมให้ wiki 39 00:02:09,550 --> 00:02:13,457 เหล่านี้ฟรีในหลากหลายหัวข้อ และถ้าอยากสมัคร 40 00:02:13,457 --> 00:02:17,545 pro account ก็เดือนละ $9.99 จะได้เข้าถึง wiki 41 00:02:17,545 --> 00:02:23,632 ขนาดใหญ่พิเศษที่มีรายละเอียดและเนื้อหาเยอะกว่าในแต่ละหัวข้อด้วยครับ 42 00:02:23,632 --> 00:02:27,811 เอาล่ะ กลับเข้าเรื่องกันต่อ เรื่องแรกเลยนะครับ 43 00:02:27,811 --> 00:02:31,717 ผมมี DGX Spark เชื่อมต่อกับพีซีหลักผ่าน SSH 44 00:02:31,717 --> 00:02:35,351 โดยปกติก็เปิด terminal อะไรก็ตามแล้ว SSH 45 00:02:35,351 --> 00:02:39,349 เข้าไปที่ Spark ตรงนี้ผมก็ใช้ CLI ก็ได้ เข้า 46 00:02:39,349 --> 00:02:43,346 Claude Code หรือ Hermes agent ผ่าน TUI ก็ได้ 47 00:02:43,346 --> 00:02:46,526 แต่ปัญหาคือผมเข้าถึงไฟล์ไม่ได้สะดวก 48 00:02:46,526 --> 00:02:49,251 อยากดูรูปภาพอะไรแบบนี้ก็ไม่ได้ 49 00:02:49,251 --> 00:02:52,976 วิธีที่ผมใช้อยู่ก่อนหน้านี้คือใช้ส่วนขยาย 50 00:02:52,976 --> 00:02:56,792 Remote SSH ใน VS Code ซึ่งก็ช่วยให้เข้าถึง 51 00:02:56,792 --> 00:03:00,971 codebase ทั้งหมดได้ เห็นรูปภาพ ลากไฟล์เข้าไปใน 52 00:03:00,971 --> 00:03:04,877 Spark ได้ ก็ใช้ได้นะ แต่ผมไม่ได้ใช้ VS Code 53 00:03:04,877 --> 00:03:08,784 บ่อยเท่าไหร่ สิ่งที่ผมใช้บ่อยกว่าคือ Hermes 54 00:03:08,784 --> 00:03:11,327 agent และตัว desktop app เอง 55 00:03:11,327 --> 00:03:15,416 ตอนนี้หน้าจอที่เห็นนี้เชื่อมต่ออยู่กับ Hermes 56 00:03:15,416 --> 00:03:19,413 agent ในเครื่อง Windows ของผม แต่เมื่อเร็ว ๆ 57 00:03:19,413 --> 00:03:23,592 นี้ทางทีมได้เพิ่มฟีเจอร์ที่ให้เราเชื่อมต่อผ่าน 58 00:03:23,592 --> 00:03:27,408 SSH ได้เหมือนกับที่ทำในส่วนขยายของ VS Code 59 00:03:27,408 --> 00:03:31,223 เลยครับ วิธีคือเปิด Settings ลงไปที่หัวข้อ 60 00:03:31,223 --> 00:03:35,312 Gateway ข้อควรระวังคือต้องอัปเดต Hermes agent 61 00:03:35,312 --> 00:03:38,855 ให้เป็นเวอร์ชันล่าสุดทั้งในเครื่องที่ลง 62 00:03:38,855 --> 00:03:43,034 desktop app ไว้และในเครื่องปลายทางที่เราจะ SSH 63 00:03:43,034 --> 00:03:46,123 เข้าไป ในกรณีของผมคือเครื่อง Spark 64 00:03:46,123 --> 00:03:49,302 จากนั้นจะเห็นว่าเดิมทีมีแค่ 3 บล็อก 65 00:03:49,302 --> 00:03:52,482 แต่ตอนนี้มีตัวเลือก Connect via SSH 66 00:03:52,482 --> 00:03:56,570 เพิ่มเข้ามา ให้เลือก host ซึ่งต้องตั้งค่า SSH 67 00:03:56,570 --> 00:04:00,658 ไว้ก่อนแล้วนะครับ คือต้องมี key อยู่ในเครื่อง 68 00:04:00,658 --> 00:04:02,930 Spark ของผมชื่อว่า Hibana 69 00:04:02,930 --> 00:04:06,109 ระบบจะตรวจหาตำแหน่งไฟล์ให้อัตโนมัติ 70 00:04:06,109 --> 00:04:10,107 แต่ถ้าอยู่ที่อื่นก็เปลี่ยนเองได้ แล้วกด Save 71 00:04:10,107 --> 00:04:13,286 กับ Reconnect เป็นอันจบ desktop app 72 00:04:13,286 --> 00:04:17,011 จะจัดการเรื่อง tunneling และอื่น ๆ ให้หมด 73 00:04:17,011 --> 00:04:18,646 มาดูผลลัพธ์กันครับ 74 00:04:18,646 --> 00:04:22,462 ตอนนี้เราจะเห็นว่าผมกำลังทำโปรเจกต์ Tombby 75 00:04:22,462 --> 00:04:25,551 bench อยู่บน Spark และนี่คือ Spark 76 00:04:25,551 --> 00:04:28,731 เครื่องเดิมไฟล์ทั้งหมดอยู่ในนี้ครับ 77 00:04:28,731 --> 00:04:31,819 อยากโชว์ให้ดูว่ารูปภาพก็ยังอยู่ครบ 78 00:04:31,819 --> 00:04:33,818 เพราะมันเก็บ artifacts 79 00:04:33,818 --> 00:04:36,998 และรูปภาพทั้งหมดที่อยู่ใน Spark ไว้ 80 00:04:36,998 --> 00:04:40,995 เราสามารถเข้าถึงและทำทุกอย่างที่ทำในส่วนขยาย 81 00:04:40,995 --> 00:04:44,902 VS Code ได้ในนี้เลย แถมยังเห็น local skills 82 00:04:44,902 --> 00:04:49,081 ทั้งหมดที่มี ซึ่ง skills เหล่านี้เป็นของ agent 83 00:04:49,081 --> 00:04:51,534 ที่อยู่บน Spark ของผมนะครับ 84 00:04:51,534 --> 00:04:56,712 เราสามารถเข้าถึงและทำงานต่อได้ในนี้โดยมีฟังก์ชันครบเหมือน 85 00:04:56,712 --> 00:04:59,983 Hermes agent desktop app ปกติเลยครับ 86 00:04:59,983 --> 00:05:03,889 ผมใช้ฟีเจอร์นี้จริงและใช้ง่ายมาก ถ้าใคร run 87 00:05:03,889 --> 00:05:08,068 Hermes agent บน Spark หรืออุปกรณ์ภายนอกที่ต้อง 88 00:05:08,068 --> 00:05:11,611 SSH เข้าไป วิธีนี้ทำให้ชีวิตง่ายขึ้นมาก 89 00:05:11,611 --> 00:05:14,428 แค่คลิกสองทีใน Settings ก็เสร็จ 90 00:05:14,428 --> 00:05:17,516 ไม่ต้องไปนั่งตั้งค่า authorization 91 00:05:17,516 --> 00:05:21,423 อะไรให้ยุ่งยาก เอาล่ะ มาต่อกันครับ ทาง Nous 92 00:05:21,423 --> 00:05:25,420 Research ได้เพิ่มความสามารถใหม่ ๆ ให้ Hermes 93 00:05:25,420 --> 00:05:27,691 Agent desktop app เยอะมาก 94 00:05:27,691 --> 00:05:31,144 หนึ่งในนั้นคือความยืดหยุ่นในการปรับ UI 95 00:05:31,144 --> 00:05:34,687 ในโพสต์นี้ บรู๊คลินจากทีม Nous Research 96 00:05:34,687 --> 00:05:38,230 ได้อธิบายว่าเราสามารถใช้ multiple panes 97 00:05:38,230 --> 00:05:42,136 และปรับแต่ง desktop app ให้ดูได้ตามใจเราเลย 98 00:05:42,136 --> 00:05:45,770 โดยเฉพาะถ้าทำงานกับหลาย session พร้อมกัน 99 00:05:45,770 --> 00:05:46,870 ก็จะง่ายมาก 100 00:05:46,870 --> 00:05:50,959 แต่มีอีกหนึ่งฟีเจอร์ที่ผมอยากโชว์ให้ดูรวดเร็ว 101 00:05:50,959 --> 00:05:53,866 ตอนนี้อยู่ในหนึ่ง session นะครับ 102 00:05:53,866 --> 00:05:58,862 นี่เป็นฟีเจอร์ใหม่หรืออาจจะมีมาสักพักแล้วแต่ผมไม่รู้ตัว 103 00:05:58,862 --> 00:06:02,405 ก็คือเราสามารถเอา session อื่นมาใส่เป็น 104 00:06:02,405 --> 00:06:05,949 context เข้าไปใน session ปัจจุบันได้เลย 105 00:06:05,949 --> 00:06:10,128 ผมเพิ่งเปิด session ใหม่ที่พิมพ์แค่คำว่า hello 106 00:06:10,128 --> 00:06:14,034 แต่ผมดึง session ก่อนหน้าเข้ามาเป็น context 107 00:06:14,034 --> 00:06:17,577 แล้วพิมพ์ว่า "สรุป session นี้ให้หน่อย" 108 00:06:17,577 --> 00:06:21,665 ทำให้สะดวกมากครับ จะเห็นได้ว่ามันแสดง session 109 00:06:21,665 --> 00:06:24,027 ID จริง ๆ ของ session นั้น 110 00:06:24,027 --> 00:06:28,116 แค่คลิกแล้วลากมาวางก็เสร็จ เราก็จะเห็นสรุปของ 111 00:06:28,116 --> 00:06:31,659 session ที่แล้วทันที เห็นได้ว่า session 112 00:06:31,659 --> 00:06:35,565 นั้นผมกำลังพยายามพัฒนา short จากคลิป GBrain 113 00:06:35,565 --> 00:06:38,654 ของผม ผมว่ามันเป็นฟังก์ชันที่ดีมาก 114 00:06:38,654 --> 00:06:42,561 อีกส่วนที่อยากโชว์เป็นหลักคือการปรับแต่ง UI 115 00:06:42,561 --> 00:06:45,922 ครับ นี่คือ session หลักที่ผมเปิดอยู่ 116 00:06:45,922 --> 00:06:48,920 ผมแค่เพิ่มอันนี้เข้าไป ก็ทำได้เลย 117 00:06:48,920 --> 00:06:52,827 ไม่จำเป็นต้องอยู่ใน project เดียวกันด้วยซ้ำ 118 00:06:52,827 --> 00:06:56,824 ถ้าผมอยากวางอันนี้ลงข้างล่างเพราะกำลังทำอยู่ 119 00:06:56,824 --> 00:07:00,730 ก็ทำได้ และแต่ละ pane ยังมีหลาย tab ได้ด้วย 120 00:07:00,730 --> 00:07:04,364 ถ้าผมอยากเพิ่ม session นี้เป็น tab ก็ได้ 121 00:07:04,364 --> 00:07:07,090 แล้วสลับไปมาระหว่างสอง session 122 00:07:07,090 --> 00:07:09,543 ได้โดยไม่ต้องสร้าง pane แยก 123 00:07:09,543 --> 00:07:12,722 สรุปคือมีวิธีปรับแต่งได้เยอะมากครับ 124 00:07:12,722 --> 00:07:16,175 จะทำแบบว่าอันนี้เป็น session หลักก็ได้ 125 00:07:16,175 --> 00:07:18,900 ย้ายอันนี้ลงข้างล่างให้เหลือ 3 126 00:07:18,900 --> 00:07:20,990 อันบนและอันใหญ่ข้างล่าง 127 00:07:20,990 --> 00:07:24,987 และถ้าอยากเอาออกก็แค่ปิด ผมก็ปิดไปสองอันแล้ว 128 00:07:24,987 --> 00:07:29,166 หรือจะคลิกขวาเลือก Split Right หรือ Split Down 129 00:07:29,166 --> 00:07:32,164 แทนที่จะมีสอง tab ก็แบ่งเป็น pane 130 00:07:32,164 --> 00:07:36,161 แยกข้างล่างได้เลย เป็นวิธีปรับแต่งที่เจ๋งมาก 131 00:07:36,161 --> 00:07:40,068 ขึ้นอยู่กับว่าเราทำงานอะไรอยู่ ถ้าทำงานหลาย 132 00:07:40,068 --> 00:07:42,248 session พร้อมกันเหมือนผม 133 00:07:42,248 --> 00:07:45,701 มันก็เป็นฟีเจอร์ที่ดีมากครับ ต่อมาครับ 134 00:07:45,701 --> 00:07:49,789 บรู๊คลินจาก Nous Research มีโพสต์พูดถึงการใช้ 135 00:07:49,789 --> 00:07:53,786 Hermes สร้าง desktop widget ภายในตัว desktop 136 00:07:53,786 --> 00:07:57,783 app เอง มาลองทำดูเลยครับ วิธีที่บอกคือให้ใช้ 137 00:07:57,783 --> 00:08:01,872 Hermes desktop plug-in SDK ผมก็บอก Hermes ว่า 138 00:08:01,872 --> 00:08:05,596 "ช่วยใช้ Hermes desktop plug-in SDK สร้าง 139 00:08:05,596 --> 00:08:08,867 widget ที่แสดง process ที่ใช้ memory 140 00:08:08,867 --> 00:08:11,502 สูงสุดบนพีซีของผมหน่อยได้ไหม" 141 00:08:11,502 --> 00:08:15,681 ผมก็ไม่รู้หรอกนะว่ามันจะทำได้ไหม แต่เรามาดูกัน 142 00:08:15,681 --> 00:08:18,860 และนี่ก็เป็นอะไรที่ผมใช้งานจริงด้วย 143 00:08:18,860 --> 00:08:22,313 เพราะปกติผมเปิด Task Manager ไว้บ่อย ๆ 144 00:08:22,313 --> 00:08:25,492 เพื่อดูว่า memory จะเหลือพอไหม โอเค 145 00:08:25,492 --> 00:08:29,308 เริ่มเห็นว่ามันเริ่มทำงานแล้วครับ มันสร้าง 146 00:08:29,308 --> 00:08:33,305 desktop pane ขึ้นมา จากนั้นจะเปิดใช้ backend 147 00:08:33,305 --> 00:08:36,939 plugin แล้วเราจะดูกันว่ามันจะทำงานได้ไหม 148 00:08:36,939 --> 00:08:40,482 สังเกตว่าตอนนี้มันใช้ computer use อยู่ 149 00:08:40,482 --> 00:08:42,390 มันกำลังขยับของต่าง ๆ 150 00:08:42,390 --> 00:08:47,114 ใน desktop app โดยที่ผมไม่ได้ทำอะไรเลย มีเมาส์เล็ก ๆ 151 00:08:47,114 --> 00:08:51,293 แยกต่างหาก อันนี้คือผมเองครับ น่าจะกำลัง reset 152 00:08:51,293 --> 00:08:55,200 gateway อะไรทำนองนั้นอยู่ครับ ไปแล้ว เอาล่ะ 153 00:08:55,200 --> 00:08:59,197 เสร็จแล้ว หลังจาก reset เราก็จะได้ custom UI 154 00:08:59,197 --> 00:09:02,831 element ของเรามา นั่นก็คือตัวแสดง system 155 00:09:02,831 --> 00:09:04,376 memory ตรงนี้ครับ 156 00:09:04,376 --> 00:09:09,645 สิ่งที่ดีก็คือเราสามารถเอาของแบบนี้มาปรับเลย์เอาต์ได้ตามใจ 157 00:09:09,645 --> 00:09:13,006 ผมไม่ต้องใช้ Task Manager แล้วด้วยซ้ำ 158 00:09:13,006 --> 00:09:17,004 ตอนนี้มันยังอยู่ตำแหน่งเดิม แต่ผมสั่ง Hermes 159 00:09:17,004 --> 00:09:19,820 ให้ทำเป็นแบบเคลื่อนย้ายได้ก็ได้ 160 00:09:19,820 --> 00:09:23,817 เพื่อที่จะได้ปรับเลย์เอาต์ได้นิดหน่อย เอาล่ะ 161 00:09:23,817 --> 00:09:27,269 ผมย้ายขึ้น ย้ายลง หรือจะวางตรงนี้ก็ได้ 162 00:09:27,269 --> 00:09:29,631 ทีนี้ผมก็เอาไปวางไว้ข้าง ๆ 163 00:09:29,631 --> 00:09:33,265 แล้วเอาโฟลเดอร์ขึ้นไปข้างบน เอา terminal 164 00:09:33,265 --> 00:09:36,809 ลงข้างล่าง แล้วก็ปรับได้ตามใจชอบเลยครับ 165 00:09:36,809 --> 00:09:39,534 ฟีเจอร์นี้ดีมาก อันต่อไปนะครับ 166 00:09:39,534 --> 00:09:42,532 ผมสั่งให้มันสร้าง floating widget 167 00:09:42,532 --> 00:09:45,348 ที่ดึงคะแนนเบสบอลประจำวันมาแสดง 168 00:09:45,348 --> 00:09:47,620 แล้วก็อัปเดตทุก ๆ ชั่วโมง 169 00:09:47,620 --> 00:09:50,708 โดยต้องมีปุ่มให้กดอัปเดตเองได้ด้วย 170 00:09:50,708 --> 00:09:54,887 มันก็ทำให้ครับ โอเค ใช้เวลาแค่สองคำสั่งก็เสร็จ 171 00:09:54,887 --> 00:09:59,066 ดูข้างล่างได้เลยครับ จะเห็นว่ามีคำว่า MLB Live 172 00:09:59,066 --> 00:10:02,610 อยู่ตรงนี้ กดเข้าไปได้เลย นี่คือ widget 173 00:10:02,610 --> 00:10:04,063 ตัวเล็ก ๆ ของเรา 174 00:10:04,063 --> 00:10:07,061 และนี่คือคะแนนทั้งหมดจากเกมวันนี้ 175 00:10:07,061 --> 00:10:09,605 กดปุ่มนี้ก็อัปเดตคะแนนได้เลย 176 00:10:09,605 --> 00:10:13,693 ปรับแต่งได้ตามใจเลยครับ มีบอกวันที่อัปเดตด้วย 177 00:10:13,693 --> 00:10:15,510 ต้องยอมรับว่าเจ๋งมาก 178 00:10:15,510 --> 00:10:19,598 นี่ก็เป็นคู่ของตัวอย่างสนุก ๆ ที่ทำให้ Hermes 179 00:10:19,598 --> 00:10:22,233 desktop app เป็นของเราเองครับ 180 00:10:22,233 --> 00:10:26,230 มาต่อกันที่หัวข้อหลักของวันนี้ Nous Research 181 00:10:26,230 --> 00:10:29,773 ได้ประกาศ Kanban board ซึ่งเป็น plug-in 182 00:10:29,773 --> 00:10:33,407 แรกอย่างเป็นทางการของ Hermes desktop app 183 00:10:33,407 --> 00:10:36,950 ซึ่งนี่เป็นสิ่งที่คนร้องขอกันมานานมาก ๆ 184 00:10:36,950 --> 00:10:40,857 ที่อยากให้มี Kanban board ที่ปกติอยู่ใน web 185 00:10:40,857 --> 00:10:44,309 dashboard ให้มาอยู่ใน desktop app ด้วย 186 00:10:44,309 --> 00:10:47,943 และทีมก็ทำได้สำเร็จด้วย plug-in SDK ครับ 187 00:10:47,943 --> 00:10:50,214 พูดถึง plug-in SDK จริง ๆ 188 00:10:50,214 --> 00:10:53,031 ผมเคยทำคลิปไปเมื่อไม่กี่วันก่อน 189 00:10:53,031 --> 00:10:56,483 ที่โชว์วิธีสร้าง widget แบบปรับแต่งเอง 190 00:10:56,483 --> 00:10:59,118 อย่างเช่นคะแนนเบสบอลที่ผมทำไป 191 00:10:59,118 --> 00:11:03,297 และระหว่างนั้นถึงตอนนี้ผมก็เพิ่ม widget ใหม่ ๆ 192 00:11:03,297 --> 00:11:07,476 เข้าไปอีก เช่นตัวดูสภาพอากาศซึ่งก็มีประโยชน์ดี 193 00:11:07,476 --> 00:11:11,655 ช่วงนี้ผมทำงานใน desktop app เยอะมาก มี widget 194 00:11:11,655 --> 00:11:14,562 พวกนี้ไว้ใช้ก็สะดวกดีจริง ๆ ครับ 195 00:11:14,562 --> 00:11:16,924 ทีนี้ลองเข้าไปที่ Settings 196 00:11:16,924 --> 00:11:21,012 แล้วเลื่อนลงมาดูครับ จะเห็นว่ามีหัวข้อใหม่คือ 197 00:11:21,012 --> 00:11:23,647 Desktop Plugins จะเห็น widget 198 00:11:23,647 --> 00:11:26,917 คะแนนเบสบอลอยู่ที่นี่ ส่วนตัว memory 199 00:11:26,917 --> 00:11:30,369 ผมปิดไว้ก่อน และที่นี่เราจะเห็น Kanban 200 00:11:30,369 --> 00:11:34,276 ได้เลยครับ มีตัวอย่าง plug-in อย่าง example 201 00:11:34,276 --> 00:11:38,455 plugin และ gateway pill และนี่คือ Kanban board 202 00:11:38,455 --> 00:11:41,271 ตรงนี้เลย เรามาเปิดใช้งานมันกัน 203 00:11:41,271 --> 00:11:44,088 เพื่อที่จะได้เห็นหน้าตามัน โอเค 204 00:11:44,088 --> 00:11:48,085 มันสร้างบอร์ดขึ้นมาใต้ส่วน artifacts เลยครับ 205 00:11:48,085 --> 00:11:51,719 นี่คือ Kanban board เวอร์ชันใหม่ ดูดีมาก 206 00:11:51,719 --> 00:11:55,353 สังเกตว่ามีบอร์ดเก่า ๆ ที่ผมเคยทำไว้ด้วย 207 00:11:55,353 --> 00:11:59,169 เพราะมันดึงข้อมูล Kanban จาก web dashboard 208 00:11:59,169 --> 00:12:03,166 มาใช้ร่วมกันเลย ผมจะลองทำ workflow แบบง่าย ๆ 209 00:12:03,166 --> 00:12:08,163 ของ pipeline สร้าง knowledge base ของผมดูครับ อันเต็ม ๆ 210 00:12:08,163 --> 00:12:11,433 ใช้เวลานานเกินไป ลองทำแบบสั้น ๆ ก่อน 211 00:12:11,433 --> 00:12:15,430 ผมเริ่มต้นด้วยการสร้าง task ในคอลัมน์ Triage 212 00:12:15,430 --> 00:12:19,246 โดยให้คำสั่งว่า "ให้ค้นคว้า knowledge base 213 00:12:19,246 --> 00:12:22,789 หรือ wiki ใหม่ในหัวข้อ Matt PCO skills" 214 00:12:22,789 --> 00:12:25,333 ผมเคยทำคลิปเรื่อง Wavefinder 215 00:12:25,333 --> 00:12:29,330 ไปและอาจจะทำเรื่องอื่นต่อ นี่คือ GitHub repo 216 00:12:29,330 --> 00:12:32,692 ของเขา ซึ่งมี skills ที่คนนิยมเยอะมาก 217 00:12:32,692 --> 00:12:36,871 ผมก็ให้ข้อมูลแค่นี้แหละครับ แล้วสั่งว่า "เขียน 218 00:12:36,871 --> 00:12:39,687 draft wiki แล้วตรวจทานให้หน่อย" 219 00:12:39,687 --> 00:12:42,776 ที่เหลือน่าจะเป็นอัตโนมัติหมด โอเค 220 00:12:42,776 --> 00:12:46,864 งานเข้าคอลัมน์ Triage ตรงนี้เลยครับ ครู่เดียว 221 00:12:46,864 --> 00:12:50,952 ไม่กี่วินาทีก็เลื่อนจาก Triage ลงไปที่ To-dos 222 00:12:50,952 --> 00:12:53,587 และจะเห็นว่ามีงานกำลังรันอยู่ 223 00:12:53,587 --> 00:12:55,495 ผมชอบวิวใหม่นี้นะครับ 224 00:12:55,495 --> 00:12:59,492 ถ้ากดเข้าไปดูจะเห็นว่านี่คือ Wiki Researcher 225 00:12:59,492 --> 00:13:03,671 และอย่างที่เห็น ผมไม่ได้กำหนด profile ใด ๆ เลย 226 00:13:03,671 --> 00:13:07,850 ระบบแบ่งงานออกเป็น profile ที่เหมาะสมให้เองเลย 227 00:13:07,850 --> 00:13:11,030 และจะเห็นว่ามี Auto Decomposer ด้วย 228 00:13:11,030 --> 00:13:14,755 ซึ่งเป็นส่วนของ Kanban ที่คอยแจกงานให้กับ 229 00:13:14,755 --> 00:13:18,480 profile ต่าง ๆ โดยอัตโนมัติตามความเหมาะสม 230 00:13:18,480 --> 00:13:22,204 ตอนนี้มันกำลังรันอยู่ และเราจะเห็น To-dos 231 00:13:22,204 --> 00:13:26,202 ตรงนี้ครับ Wiki Writer จะเป็นคนร่าง markdown 232 00:13:26,202 --> 00:13:30,199 wiki ที่มีการลิงก์ข้ามไปมา และสุดท้ายมี Wiki 233 00:13:30,199 --> 00:13:31,299 Verifier 234 00:13:31,299 --> 00:13:35,478 ที่จะเป็นคนตรวจทานความถูกต้องและความครบถ้วนของ 235 00:13:35,478 --> 00:13:38,203 wiki นี่เป็นวิวที่ดีมาก ๆ ครับ 236 00:13:38,203 --> 00:13:40,838 ทุกอย่างจะถูกทำเสร็จตรงนี้เลย 237 00:13:40,838 --> 00:13:45,017 ลองสำรวจดูเพิ่มอีกนิด จะเห็นแท็บ Activity ด้วย 238 00:13:45,017 --> 00:13:47,924 อ่านดูว่ามันกำลังทำอะไรอยู่ก็ได้ 239 00:13:47,924 --> 00:13:51,649 ตอนนี้มันกำลังรันอยู่ในแท็บ Kanban นะครับ 240 00:13:51,649 --> 00:13:55,192 ถ้าอยากลองเข้าไปดู session อื่น ๆ ก็ได้ 241 00:13:55,192 --> 00:13:58,009 จะเห็นว่าผมยังทำคลิปอยู่กลางคัน 242 00:13:58,009 --> 00:14:01,007 หวังว่าจะเสร็จพรุ่งนี้นะครับ โอเค 243 00:14:01,007 --> 00:14:04,640 ส่วนค้นคว้าเสร็จแล้ว เริ่มร่าง wiki แล้ว 244 00:14:04,640 --> 00:14:08,729 เสร็จแล้วครับ writer เสร็จแล้ว จะเห็นว่าสร้าง 245 00:14:08,729 --> 00:14:11,999 draft markdown wiki ได้ถึง 9 หน้าเลย 246 00:14:11,999 --> 00:14:15,633 และสุดท้าย verifier ก็เริ่มทำงานบ้างแล้ว 247 00:14:15,633 --> 00:14:19,812 ที่น่าสนใจคือมีปุ่ม Estimate Effort อยู่ตรงนี้ 248 00:14:19,812 --> 00:14:22,174 ถ้ากดเข้าไป มันจะเรียก LLM 249 00:14:22,174 --> 00:14:25,717 เพื่อประมาณการว่าจะใช้ token ไปเท่าไหร่ 250 00:14:25,717 --> 00:14:26,817 น่าสนใจมาก 251 00:14:26,817 --> 00:14:30,633 เป็นฟีเจอร์ใหม่ที่ผมยังไม่เคยเห็นมาก่อนเลย 252 00:14:30,633 --> 00:14:34,085 ด้านบนนะครับ จะเห็นว่ามี Orchestration 253 00:14:34,085 --> 00:14:38,173 Settings ถ้ากดเข้าไป มันจะบอกว่าแต่ละ profile 254 00:14:38,173 --> 00:14:39,809 เก่งเรื่องอะไรบ้าง 255 00:14:39,809 --> 00:14:44,170 ซึ่งเป็นวิธีที่ระบบใช้ตัดสินใจว่าจะมอบหมายงานให้ 256 00:14:44,170 --> 00:14:47,713 profile ไหน เอาล่ะ verifier ทำเสร็จแล้ว 257 00:14:47,713 --> 00:14:51,256 และน่าจะเสร็จทั้งหมดแล้ว นี่คือ default 258 00:14:51,256 --> 00:14:52,356 profile 259 00:14:52,356 --> 00:14:57,262 สุดท้ายของผมที่ทำการตรวจสอบขั้นสุดท้ายให้กับงานทั้งหมด 260 00:14:57,262 --> 00:15:00,078 เสร็จแล้วครับ ทุกอย่างเรียบร้อย 261 00:15:00,078 --> 00:15:03,712 ดูในเครื่องของเราได้เลย นี่คือไฟล์ต่าง ๆ 262 00:15:03,712 --> 00:15:07,527 ที่ได้มา ผมเปิดใน VS Code ให้ดู นี่คือไฟล์ 263 00:15:07,527 --> 00:15:11,343 overview ตรงนี้เลย เป็นไฟล์ index ของ wiki 264 00:15:11,343 --> 00:15:15,340 ไฟล์ทั้งหมดอยู่ที่นี่แล้ว พร้อมใช้งานเลยครับ 265 00:15:15,340 --> 00:15:19,065 ผมจะตรวจทานอีกครั้งแล้วอาจจะเพิ่มเข้าไปใน 266 00:15:19,065 --> 00:15:23,153 agent wikis และก็จะเอาไปใช้ทำคลิปของผมเองด้วย 267 00:15:23,153 --> 00:15:26,969 เอาล่ะ นี่ก็คือภาพรวมของ Kanban plug-in ใน 268 00:15:26,969 --> 00:15:28,423 desktop app ครับ 269 00:15:28,423 --> 00:15:33,056 เป็นสิ่งที่คนร้องขอกันมานานแล้วและทีมก็ส่งมอบให้ได้ 270 00:15:33,056 --> 00:15:35,963 หน้าตาดีมาก สไตล์ใหม่ดูสะอาดตาดี 271 00:15:35,963 --> 00:15:39,779 แต่ถ้าใครเคยใช้ Kanban ใน dashboard มาก่อน 272 00:15:39,779 --> 00:15:43,049 หน้าตาก็จะคุ้นเคยอยู่แล้ว นี่ก็คือ 3 273 00:15:43,049 --> 00:15:47,228 วิธีในการปรับแต่ง desktop app ให้เป็นของตัวเอง 274 00:15:47,228 --> 00:15:49,318 ปรับให้เข้ากับ workflow 275 00:15:49,318 --> 00:15:53,224 และปลดล็อกความสามารถทั้งหมดของ Hermes agent 276 00:15:53,224 --> 00:15:54,678 ได้ในแอปตัวเดียว 277 00:15:54,678 --> 00:15:57,858 ก็จะจบเพียงเท่านี้สำหรับคลิปนี้ครับ 278 00:15:57,858 --> 00:15:59,765 ฝากคอมเมนต์ด้วยนะครับ 279 00:15:59,765 --> 00:16:03,309 บอกมาได้เลยว่าคิดอย่างไรกับ desktop app 280 00:16:03,309 --> 00:16:07,215 และอยากได้ plug-in แบบไหน ผมเองก็กำลังสร้าง 281 00:16:07,215 --> 00:16:08,487 plug-in ต่าง ๆ 282 00:16:08,487 --> 00:16:16,079 อยู่เหมือนกัน แต่ก็อยากรู้ว่าอะไรที่จะเป็นประโยชน์กับคนดู ก็จบไว้ที่นี่ครับ ขอบคุณที่รับชมนะครับ