Orca IDE

การใช้งาน **Orca (by Stably AI)** ค่อนข้างแตกต่างจาก IDE ทั่วไปตรงที่มันถูกออกแบบมาเพื่อเป็น "AI Orchestrator" สำหรับจัดการ AI Agent หลายตัว (เช่น Claude Code, Codex, Grok) ให้ทำงานพร้อมกันได้อย่างเป็นระบบ โดยไม่ต้องสลับหน้าจอ หรือปวดหัวกับเรื่องโค้ดที่ขัดแย้งกัน ด้านล่างนี้คือคู่มือฉบับรวบรัดและตัวอย่างการใช้งานแบบเจาะลึกครับ --- ### 🛠️ 1. การติดตั้ง (Installation) Orca รองรับการติดตั้งแบบ Command-line ผ่าน Package Manager ซึ่งสะดวกและจบในบรรทัดเดียว: * **macOS (Homebrew):** `brew install --cask stablyai/orca/orca` * **Arch Linux (AUR):** `yay -S stably-orca-bin` * **การติดตั้ง Orca CLI (เพื่อใช้ AI ควบคุม IDE):** `npx skills add [https://github.com/stablyai/orca](https://github.com/stablyai/orca) --skill orca-cli` *หมายเหตุ: Orca ไม่บังคับให้ล็อกอิน คุณสามารถนำ API Key หรือ Subscription ของ Claude Code / Codex ที่มีอยู่แล้วมาเสียบใช้งานได้เลย* --- ### ⚙️ 2. ฟีเจอร์หลักที่ควรรู้ (Core Features) **Worktree-Native Architecture** ฟีเจอร์นี้คือหัวใจหลักของ Orca แทนที่จะใช้ระบบ Branching แบบเดิม Orca จะแยกทุกฟีเจอร์หรือการทำงานของ AI แต่ละตัวออกเป็น "Git Worktree" ของตัวเอง ทำให้สปินอัปโค้ดชุดใหม่และสลับการทำงานได้ทันทีโดยไม่ต้อง Stash โค้ดเก่า **Multi-Agent Terminals** สามารถเปิด Terminal หลายแท็บเพื่อรัน AI Agent ต่างค่ายให้ทำงานคู่ขนานกันได้ **Per Worktree Browser & Design Mode** เบราว์เซอร์ในตัวที่ผูกกับ Worktree นั้นๆ ทำให้สามารถดูพรีวิวแอปพลิเคชันได้ทันที ไฮไลต์คือ "Design Mode" ที่ให้คุณคลิกเลือก UI Element บนหน้าจอ แล้วดึงเข้ามาเป็นบริบทในช่องแชทของ AI ได้โดยตรง (ไม่ต้องแคปจอหรือก็อปปี้ Selector อีกต่อไป) **Annotate AI Diff** เมื่อ AI เขียนโค้ดเสร็จ ระบบจะมี Source Control ในตัว คุณสามารถคอมเมนต์ติชม (Feedback) ลงบนบรรทัดโค้ดใน Diff นั้นๆ ได้เลย แล้วส่งกลับให้ AI แก้ไขแบบลูปสั้นๆ ทันที **SSH Support** สามารถเชื่อมต่อ SSH ไปยังเครื่องเซิร์ฟเวอร์ปลายทาง แล้วสั่งให้ Agent รันคำสั่งหรือตั้งค่าระบบจากบน Orca ได้เลย --- ### 💡 3. ตัวอย่างการนำไปใช้งานจริง (Use Cases) เพื่อให้เห็นภาพชัดเจน ลองมาดูตัวอย่างการประยุกต์ใช้ Orca ในสถานการณ์ต่างๆ ครับ **ตัวอย่างที่ 1: การพัฒนา Frontend สำหรับ "PM KPI Tracker"** * **เป้าหมาย:** ต้องการปรับโฉม UI ให้เป็นแบบ Minimalist เน้น Card-based layout และปรับ Navigation ให้กะทัดรัด * **ขั้นตอนใน Orca:** 1. สร้าง Worktree ใหม่สำหรับงาน UI โดยเฉพาะ 2. เปิด **Design Mode** ในเบราว์เซอร์ของ Orca 3. ใช้เมาส์คลิกที่คอมโพเนนต์ Card เดิม หรือส่วนของ Navigation Menu บนหน้าพรีวิว 4. พิมพ์ Prompt สั่ง AI ในแชทว่า: *"ปรับ React คอมโพเนนต์นี้ให้เป็นสไตล์มินิมอล เปลี่ยนเป็น Card Layout และยุบ Navigation ให้กะทัดรัดที่สุด"* 5. เมื่อ AI ส่ง Diff กลับมา หากระยะห่าง (Padding) ยังไม่ถูกใจ สามารถคลิกที่บรรทัดโค้ดนั้นในระบบ **Annotate AI Diff** แล้วพิมพ์สั่งให้แก้เฉพาะจุดก่อนกด Commit ลงโปรเจกต์ **ตัวอย่างที่ 2: การตั้งค่า Environment บนเซิร์ฟเวอร์ Linux สำหรับโดเมน "m1n.app"** * **เป้าหมาย:** จัดการเซิร์ฟเวอร์ เคลียร์แคช และติดตั้งแพ็กเกจเครือข่ายใหม่แบบรวดเร็ว * **ขั้นตอนใน Orca:** 1. ใช้ฟีเจอร์ **SSH Support** เชื่อมต่อเข้าไปยังเซิร์ฟเวอร์ Ubuntu หรือ Red Hat ผ่าน Orca 2. เปิด Terminal Pane เรียกใช้งาน Agent (เช่น Claude Code หรือ Codex) 3. พิมพ์สั่งให้ AI จัดการด้วยชุดคำสั่ง CLI บรรทัดเดียว (One-liner) เช่น ขอคำสั่งทดสอบ Network หรือตั้งค่าสิทธิ์โฟลเดอร์ 4. AI จะรับคำสั่ง, ประมวลผลบนเซิร์ฟเวอร์, และสรุปผลลัพธ์การทำงานกลับมาให้ในแผงควบคุมเดียว **ตัวอย่างที่ 3: การรัน Agent ขนานกัน (Parallel Development)** * **เป้าหมาย:** ต้องการเขียน API Backend และสร้างเอกสาร (Documentation) ไปพร้อมกัน * **ขั้นตอนใน Orca:** 1. เปิด Worktree A ใช้ `Grok` รับหน้าที่รีแฟกเตอร์โครงสร้างฝั่ง Backend 2. ระหว่างที่รันอยู่ ให้เปิดแท็บใหม่ (Worktree B) เรียกใช้ `Claude Code` ให้เจาะลึกเข้าไปอ่านโค้ดที่เพิ่งเขียนเสร็จเพื่อเจนเอกสาร README และคอมเมนต์ฟังก์ชัน 3. ทั้งสอง Agent จะทำงานแยกกันใน Environment ของตัวเอง หมดปัญหาการแก้ไฟล์ทับซ้อนกัน ด้วยแนวทางนี้ Orca จะทำหน้าที่เสมือนศูนย์บัญชาการที่ช่วยให้คุณควบคุมทั้งฝั่ง Frontend, Backend และฝั่ง Server ได้อย่างมีประสิทธิภาพในเครื่องมือเดียวครับ