บทเรียน Oh My Pi: สร้างแอปเต็มรูปแบบด้วย Grok เป็นเอเจนต์เขียนโค้ด

ทำไมต้องใช้ Oh My Pi?

เอเจนต์เขียนโค้ดที่ดีต้องมีสองสิ่ง: โมเดลเชิงเอเจนต์ที่แข็งแกร่ง และฮาร์เนสสำหรับโค้ดที่แข็งแรง

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

แต่ต่อให้โมเดลดีแค่ไหน หากฮาร์เนสให้ทำได้แค่อ่านและเขียนข้อความ ก็ยังจำกัดอยู่ ต้องการให้ทำงานเหมือนนักพัฒนาจริง โมเดลควรสามารถ:

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

นั่นคือสิ่งที่ OMP มอบให้: การผสาน LSP ดีบักเกอร์จริง การรันโค้ดแบบคงอยู่ เครื่องมือเบราว์เซอร์และเว็บ การผสาน GitHub หน่วยความจำ และซับเอเจนต์แบบขนาน เมื่อรวมกับโมเดลแล้ว จะเกิดลูปเอเจนต์ครบวงจร:

วางแผน → ตรวจสอบ → แก้ไข → รัน → ดีบัก → ทดสอบ → ยืนยัน

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

ติดตั้ง Oh My Pi

Oh My Pi เป็นฟอร์กของเอเจนต์เขียนโค้ด Pi แบบโอเพนซอร์สที่พัฒนาโดย Stencil Labs และกลายเป็นเอเจนต์เขียนโค้ดผ่านเทอร์มินัลยอดนิยมอย่างรวดเร็ว มีดาว GitHub กว่า 34,000 ดวง ออกแบบมาสำหรับนักพัฒนาที่ต้องการสภาพแวดล้อมเขียนโค้ดพร้อมใช้โดยไม่ต้องเสียเวลาประกอบและตั้งค่าสแตกเอเจนต์เอง

OMP ใช้งานได้บน Linux, macOS และ Windows

บน Linux หรือ macOS ให้รัน:

curl -fsSL https://omp.sh/install | shขับเคลื่อนโดย

บน Windows PowerShell:

irm https://omp.sh/install.ps1 | iexขับเคลื่อนโดย

ยังสามารถติดตั้งแบบ global ด้วย Bun (เวอร์ชัน 1.3.14 ขึ้นไป):

bun install -g @oh-my-pi/pi-coding-agentขับเคลื่อนโดย

หากไม่พบคำสั่ง omp หลังติดตั้ง ให้รีสตาร์ตเทอร์มินัลหรือดูเอาต์พุตติดตั้งเพื่อค้นหาตำแหน่งที่ติดตั้ง

จากนั้นยืนยันการติดตั้ง:

omp --versionขับเคลื่อนโดย

เช่น:

omp/18.0.6ขับเคลื่อนโดย

หากมีหมายเลขเวอร์ชันแสดง แสดงว่า OMP ติดตั้งถูกต้องและคำสั่ง omp พร้อมใช้งาน

ตั้งค่าการเข้าถึง SpaceXAI

การใช้ Grok กับ Oh My Pi มีสองทางเลือก

หากแค่ทดสอบโมเดลหรือทำตามบทเรียนนี้ แนะนำให้ใช้ xAI API สร้างบัญชีที่ https://console.x.ai/ เติมเครดิตล่วงหน้าเล็กน้อย และสร้างคีย์ API xAI จะหักการใช้งานจากยอดเครดิตโดยตรง ช่วยควบคุมค่าใช้จ่ายได้ง่าย

หากตั้งใจใช้ Grok เขียนโค้ดเป็นประจำ การสมัครแบบ SuperGrok อาจเหมาะกว่า OMP รองรับ SuperGrok โดยตรงผ่าน SpaceXAI OAuth จึงเชื่อมต่อการสมัครใช้งานได้ด้วย /login แทนการจ่ายแยกทุกคำขอ API

ในบทเรียนนี้ เราจะใช้วิธี API เพราะทดสอบง่ายและควบคุมต้นทุนได้

สร้างคีย์ API ในคอนโซลนักพัฒนา SpaceXAI และเก็บรักษาอย่างปลอดภัย OMP จะค้นหาตัวแปรสภาพแวดล้อม XAI_API_KEY โดยอัตโนมัติ

บน Linux หรือ macOS:

export XAI_API_KEY="your-xai-api-key"ขับเคลื่อนโดย

ให้คงอยู่หลังรีสตาร์ตเทอร์มินัล:

echo 'export XAI_API_KEY="your-xai-api-key"' >> ~/.bashrc
source ~/.bashrcขับเคลื่อนโดย

บน Windows PowerShell:

$env:XAI_API_KEY="your-xai-api-key"ขับเคลื่อนโดย

ตรวจสอบโมเดล Grok ที่ใช้ได้ด้วย:

omp models xaiขับเคลื่อนโดย

เริ่มใช้ Oh My Pi กับ Grok

สร้างไดเรกทอรีใหม่เพื่อทดสอบเอเจนต์เขียนโค้ด:

mkdir grok-pi-demo
cd grok-pi-demoขับเคลื่อนโดย

เริ่มต้นรีโพซิทอรี Git เพื่อให้ OMP ติดตามการเปลี่ยนแปลงที่ทำ:

git initขับเคลื่อนโดย

ตอนนี้เริ่ม Oh My Pi:

ompขับเคลื่อนโดย

เมื่อเปิดครั้งแรก OMP อาจเปิดวิซาร์ดตั้งค่าสั้น ๆ สำหรับกำหนดผู้ให้บริการ การค้นเว็บ และอินเทอร์เฟซ สามารถรัน omp setup ได้ทุกเมื่อเพื่อเปิดอีกครั้ง

เนื่องจากตั้งค่าตัวแปรสภาพแวดล้อม XAI_API_KEY ไว้แล้ว จึงไม่ต้องลงชื่อเข้าใช้ xAI อีก กด Esc เมื่อเสร็จสิ้นการตั้งค่าผู้ให้บริการ

หากใช้การสมัคร SuperGrok แทนเครดิต API ให้เลือก xAI Grok OAuth (SuperGrok หรือ X Premium+) จากหน้าจอลงชื่อเข้าใช้

เมื่อเปิด OMP แล้ว ให้พิมพ์:

/modelขับเคลื่อนโดย

เลือก xAI จากรายชื่อผู้ให้บริการและเลือก:

grok-4.6ขับเคลื่อนโดย

หากต้องการใช้ Grok 4.7 รุ่นใหม่ แทน ให้เลือก grok-4.7 ตรงนี้ ที่เหลือในบทเรียนเหมือนเดิมทั้งหมด

OMP ยังแสดงข้อมูลโมเดลที่เป็นประโยชน์ รวมถึงหน้าต่างบริบท ราคา การรองรับเหตุผลเชิงตรรกะ และความสามารถด้านวิชั่น

ขณะนี้ Grok ทำงานอยู่ภายใน Oh My Pi เป็นเอเจนต์เขียนโค้ดบนเทอร์มินัล จากตรงนี้มันใช้เครื่องมือในตัวของ OMP เพื่อตรวจไฟล์ แก้ไขโค้ด รันคำสั่ง รันทดสอบ ดีบักปัญหา และจัดการงานพัฒนาขนาดใหญ่ขึ้นได้

สำรวจฟีเจอร์ในตัวของ Oh My Pi

Oh My Pi มาพร้อมเครื่องมือในตัว 31 รายการ และรองรับผู้ให้บริการ AI กว่า 60 ราย จึงครอบคลุมเวิร์กโฟลว์การเขียนโค้ดส่วนใหญ่โดยไม่ต้องติดตั้งปลั๊กอินหรือเซิร์ฟเวอร์ MCP เพิ่ม

ความสามารถที่มีประโยชน์มากในตัว ได้แก่:

• การจัดการไฟล์: อ่าน สร้าง แก้ไข ค้นหา และปรับแก้โครงสร้างไฟล์

• เข้าถึงเทอร์มินัล: รันคำสั่งเชลล์และจัดการโพรเซสจากเอเจนต์ได้โดยตรง

• การรันโค้ด: รันเซสชัน Python และ JavaScript แบบคงอยู่

• การผสาน LSP: ไปยังที่ประกาศ ค้นหาเรฟเฟอเรนซ์ เปลี่ยนชื่อสัญลักษณ์ ดูการวินิจฉัย และใช้โค้ดแอ็กชัน

• ดีบักเกอร์: ดีบักแอป Python, Go, C/C++ และภาษาอื่นที่รองรับผ่าน DAP

• ค้นเว็บ: ค้นเอกสาร GitHub Stack Overflow Reddit รีจิสทรีแพ็กเกจ งานวิจัย และเว็บกว้าง

• อัตโนมัติเบราว์เซอร์: เปิดและโต้ตอบกับเว็บไซต์ผ่านเบราว์เซอร์ที่ใช้ Chromium

• ซับเอเจนต์: แบ่งงานเขียนโค้ดขนาดใหญ่ให้เอเจนต์หลายตัวทำแบบขนาน

• เครื่องมือ GitHub: ทำงานกับรีโป อีชู พูลรีเควสต์ ค้นโค้ด และ GitHub Actions

• หน่วยความจำ: เก็บและเรียกข้อมูลโปรเจ็กต์ที่เป็นประโยชน์ข้ามเซสชัน

• ทำความเข้าใจภาพ: ตรวจภาพหน้าจอ ไดอะแกรม และรูปภาพภายในเครื่องอื่น ๆ

• สร้างภาพ: สร้างหรือแก้ไขภาพด้วยผู้ให้บริการ AI ที่รองรับ

• ข้อความเป็นเสียง: สร้างเสียงด้วย xAI Grok Voice

• ไฟล์ระยะไกล: อ่านไฟล์บนเครื่องระยะไกลผ่านพาธแบบ ssh://

• จัดการเซสชัน: เช็คพอยต์ ย้อน แยกสาขา ทำต่อ และจัดการเซสชันเอเจนต์ยาว ๆ

• การออร์เคสเตรตเอเจนต์: คีย์เวิร์ดอย่าง orchestrate และ workflowz ในพรอมป์ต์จะประสานซับเอเจนต์หลายตัวสำหรับงานซับซ้อน

บางเครื่องมือ เช่น GitHub หน่วยความจำ การสร้างภาพ ข้อความเป็นเสียง และเช็คพอยต์ ถูกปิดไว้ตามค่าเริ่มต้น สามารถเปิดได้ในตั้งค่า OMP

กล่าวอีกนัยหนึ่ง โมเดลทำได้มากกว่าการสร้างโค้ด ผ่าน Oh My Pi มันค้นเว็บ ทำความเข้าใจโค้ดเบส แก้ไขไฟล์ รันคำสั่ง ดีบักข้อผิดพลาด จำบริบทโปรเจ็กต์ และประสานเอเจนต์หลายตัวจากอินเทอร์เฟซเทอร์มินัลเดียว

สร้างโปรเจ็กต์ด้วย Oh My Pi และ Grok

แทนที่จะทดสอบด้วยคำถามโค้ดง่าย ๆ มาลองให้ทำโปรเจ็กต์ครบถ้วน และดูว่า Grok กับ Oh My Pi จัดการการวางแผน การลงมือทำ การทดสอบ และการทำซ้ำได้ดีเพียงใด

ก่อนอื่น สลับ OMP ไปโหมดวางแผน (/plan ณ ขณะเขียน):

/planขับเคลื่อนโดย

จากนั้นป้อนพรอมป์ต์ต่อไปนี้:

Build a simple Hospital Management System in Python.

Use Streamlit for the web interface and SQLite for storing data. Keep the project lightweight and easy to run locally.

The app should let hospital staff register patients, add doctors, schedule appointments, admit and discharge patients, and view available beds.

Create a dashboard showing total patients, doctors, appointments, admitted patients, and available beds.

Use a clean sidebar for navigation, simple forms and tables, and realistic sample data.

Organize the Python code properly, create the database automatically, add basic validation, and make all CRUD operations work.

Install any required dependencies, run the application, test the main workflows, and fix any errors.ขับเคลื่อนโดย

ทบทวนแผน

ก่อนเขียนโค้ด Grok ใช้เครื่องมือในตัวของ OMP เพื่อค้นคว้าเอกสารที่เกี่ยวข้อง ตรวจข้อมูลปัจจุบันเกี่ยวกับ Streamlit และระบบนิเวศ Python ตรวจข้อกำหนด และไตร่ตรองโครงสร้างแอปพลิเคชัน

จากนั้นได้สร้างแผนการลงมือทำอย่างละเอียดแบ่งเป็นส่วน ๆ OMP ทำให้แผนโต้ตอบได้ จึงย้ายระหว่างส่วนต่าง ๆ ตรวจการตัดสินใจรายจุดอย่างละเอียด และปรับแก้ได้ก่อนอนุญาตให้เอเจนต์แตะโปรเจ็กต์

เมื่อพอใจกับแผนแล้ว ให้อนุมัติและปล่อยให้ Grok เริ่มสร้าง

ให้ Grok สร้างและทดสอบแอป

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

เวอร์ชันที่ใช้งานได้ครั้งแรกใช้เวลาสร้างและทดสอบไม่ถึงห้านาที

นี่คือจุดที่ฮาร์เนสสำหรับโค้ดที่เหมาะสมมีความสำคัญ Grok ไม่ได้แค่สร้างบล็อกโค้ด Python แล้วส่งคืน มันสร้างไฟล์ รันแอป ตรวจข้อผิดพลาด แก้ไข และทำต่อจนโปรเจ็กต์รันได้

ปรับแต่ง UI แบบวนรอบ

เวอร์ชันแรกใช้งานได้ แต่ไม่ชอบหน้าตา Streamlit ค่าเริ่มต้น มันดูเหมือนแอป Streamlit มาตรฐานเกินไป

จึงบอกเอเจนต์ว่าต้องการให้เปลี่ยนอะไรบ้าง ทั้งธีม เลย์เอาต์แดชบอร์ด ลำดับชั้นการมองเห็น และรูปแบบการนำเสนอข้อมูล Grok ปรับโปรเจ็กต์ที่มีอยู่ แทนการสร้างใหม่ทั้งหมด

ผลลัพธ์สุดท้ายคือระบบบริหารจัดการโรงพยาบาลที่ดูเรียบร้อย พร้อมการจัดการผู้ป่วย ข้อมูลแพทย์ การนัดหมาย การรับเข้าและจำหน่าย เตียงว่าง และรายงาน

กระบวนการนี้ยังแสดงคุณค่าของเอเจนต์เขียนโค้ด: เริ่มจากเวอร์ชันที่ใช้งานได้ ตรวจทาน และปรับปรุงดีไซน์กับฟังก์ชันต่อเนื่องด้วยคำสั่งติดตามง่าย ๆ

บันทึกเกี่ยวกับต้นทุน

ข้อเสียสำคัญของชุดนี้คือ การใช้ Grok ผ่าน API อาจมีค่าใช้จ่ายสูงสำหรับงานเชิงเอเจนต์

สำหรับโปรเจ็กต์นี้ แดชบอร์ดการใช้งาน SpaceXAI แสดงยอดใช้จ่ายรวม $11.84 ประมวลผลโทเคนราว 19.4 ล้านโทเคนจาก 938 คำขอ API ส่วนใหญ่เกิดจากการวางแผน ค้นเว็บ แก้ไฟล์ รันเครื่องมือ ทดสอบแอป และปรับแต่ง UI

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

Grok ให้ผลลัพธ์ยอดเยี่ยม แต่การทดสอบนี้ยังแสดงว่า สำหรับเอเจนต์เขียนโค้ด ต้นทุนและการใช้โทเคนสำคัญพอ ๆ กับคุณภาพโมเดล

ข้อคิดส่งท้าย

สิ่งที่ชัดเจนขึ้นเรื่อย ๆ กับเอเจนต์เขียนโค้ดคือ โมเดลและฮาร์เนสสำหรับโค้ดไม่จำเป็นต้องมาจากบริษัทเดียวกัน ฮาร์เนสเริ่มต้นรอบโมเดลไม่ใช่วิธีใช้ที่ดีที่สุดเสมอไป และนักพัฒนาจับคู่โมเดลแข็งแรงอย่าง Claude หรือ Grok กับเอเจนต์เขียนโค้ดและเครื่องมือเทอร์มินัลทางเลือกที่เหมาะกับเวิร์กโฟลว์มากขึ้น

ปัญหาคือการประกอบระบบเองอาจน่าเบื่ออย่างรวดเร็ว เริ่มจากติดตั้งเซิร์ฟเวอร์ MCP เพิ่มสกิล ตั้งค่าปลักอิน เชื่อมเครื่องมือ และดูแลทั้งหมดเอง

นี่คือสิ่งที่ชอบเกี่ยวกับ Oh My Pi มันเป็นเอเจนต์เขียนโค้ดแบบแบตเตอรี่ในตัวที่รวมความสามารถเหล่านั้นส่วนใหญ่ไว้แล้ว ติดตั้ง เชื่อมผู้ให้บริการหรือการสมัคร เลือกโมเดล แล้วเริ่มเขียนโค้ดได้เลย ไม่ต้องเสียเวลาหลายชั่วโมงประกอบเอเจนต์ก่อนใช้งานจริง

Grok ทำงานร่วมกับ OMP ได้ดีมากและสร้างแอปที่แข็งแรง แต่ค่าใช้จ่าย API สูงกว่าที่คาด สำหรับการทดสอบเป็นครั้งคราว เครดิต API ก็เพียงพอ หากใช้ Grok เขียนโค้ดทุกวัน ส่วนตัวจะพิจารณา SuperGrok กับ OMP แทน

ท้ายที่สุด ประเด็นที่น่าสนใจไม่ใช่แค่ว่าบริษัทใดมีโมเดลเขียนโค้ดที่ดีที่สุด แต่คือการหาคู่โมเดลและฮาร์เนสที่ดีที่สุดให้เหมาะกับวิธีการทำงานจริง