1. บทนำ
ใน Codelab นี้ คุณจะได้เรียนรู้เกี่ยวกับ Google Antigravity ซึ่งเป็นแพลตฟอร์มการพัฒนาด้าน Agentic AI ที่ออกแบบมาเพื่อช่วยคุณพัฒนาในยุคของ Agent นี้ Antigravity 2.0 ทำหน้าที่เป็นศูนย์บัญชาการกลางของ AI Agent โดยมีแพลตฟอร์มแบบรวมเพื่อเปิดตัว ตรวจสอบ และประสานงานกิจกรรมของ AI Agent
เมื่อเปิดตัวเวอร์ชัน 2.0 Antigravity จะไม่ใช่แค่เครื่องมือจัดการ Agent ที่ผสานรวมกับ IDE อีกต่อไป ปัจจุบันเป็นระบบนิเวศที่สมบูรณ์ของผลิตภัณฑ์ที่ออกแบบมาสำหรับยุคที่เอเจนต์มาเป็นอันดับแรก
- Antigravity: แอปพลิเคชันแบบสแตนด์อโลนเรือธงสำหรับ macOS, Linux และ Windows นี่คือศูนย์บัญชาการของคุณในการจัดการเอเจนต์ในพื้นที่หลายรายแบบคู่ขนาน เรียกใช้ชิ้นงานที่กำหนดเวลาไว้ และอื่นๆ Antigravity 2.0 เป็นแอปพลิเคชันแบบสแตนด์อโลนที่ทำงานแยกต่างหากจาก IDE ซึ่งแตกต่างจาก Agent Manager รุ่นก่อน
- Antigravity IDE: IDE แบบเอเจนต์ที่มีฟีเจอร์ครบถ้วนดั้งเดิมจะยังคงพร้อมใช้งาน (และขอแนะนำสำหรับนักพัฒนาแอป) โดยมาพร้อมกับ Agent Manager, อาร์ติแฟกต์ และความเข้าใจอย่างลึกซึ้งเกี่ยวกับโค้ดเบสของคุณ
- Antigravity CLI: อินเทอร์เฟซบรรทัดคำสั่งสำหรับการโต้ตอบของเอเจนต์ที่ใช้เทอร์มินัล ซึ่งเราจะไม่กล่าวถึงในบทแนะนำนี้
- Antigravity SDK: เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในการผสานรวม Antigravity เข้ากับระบบของตนเองโดยใช้โปรแกรม ซึ่งเราจะไม่กล่าวถึงในบทแนะนำนี้
ใน Codelab นี้ เราจะมุ่งเน้นไปที่ Antigravity และพูดถึง Antigravity IDE โดยย่อ ส่วนอีก 2 องค์ประกอบ ได้แก่ Antigravity CLI และ Antigravity SDK จะไม่ครอบคลุม
หากสนใจ Codelab เกี่ยวกับ Antigravity CLI ซึ่งเป็นแอปพลิเคชันที่ใช้เทอร์มินัล โปรดดู Codelab การเริ่มต้นใช้งาน Antigravity CLI
สิ่งที่คุณจะได้เรียนรู้
- การติดตั้งและกำหนดค่า Antigravity
- สำรวจแนวคิดหลักของ Antigravity เช่น การทำงานร่วมกับเอเจนต์ เวิร์กสเปซ และอื่นๆ
- การปรับแต่ง Antigravity ผ่านการตั้งค่าต่างๆ และตามความต้องการของคุณ
สิ่งที่คุณต้องมี
คุณต้องติดตั้ง Antigravity ในระบบของคุณ ผลิตภัณฑ์นี้พร้อมให้บริการใน Mac, Windows และ Linux บางรุ่น นอกจากเครื่องของคุณเองแล้ว คุณจะต้องมีสิ่งต่อไปนี้
- เว็บเบราว์เซอร์ Chrome
- บัญชี Gmail (บัญชี Gmail ส่วนตัว)
Codelab นี้ออกแบบมาสำหรับผู้ใช้และนักพัฒนาซอฟต์แวร์ทุกระดับ
การรายงานปัญหา
คุณอาจพบปัญหาขณะทำ Codelab และใช้ Antigravity
หากพบปัญหาที่เกี่ยวข้องกับ Codelab (การสะกดผิด คำสั่งที่ไม่ถูกต้อง) โปรดเปิดข้อบกพร่องโดยใช้ปุ่ม Report a mistake ที่มุมซ้ายล่างของ Codelab นี้
หากพบข้อบกพร่องหรือต้องการขอฟีเจอร์ที่เกี่ยวข้องกับ Antigravity โปรดรายงานปัญหาภายใน Antigravity คุณสามารถรายงานความคิดเห็นเกี่ยวกับผลิตภัณฑ์ได้โดยคลิกการตั้งค่าที่มุมซ้ายล่างของผลิตภัณฑ์ Antigravity แล้วเลือกตัวเลือก Provide Feedback
2. การติดตั้ง
การติดตั้ง Antigravity
ไปที่หน้าดาวน์โหลด Google Antigravity ดาวน์โหลดแอปพลิเคชัน Antigravity สำหรับระบบปฏิบัติการของคุณ (macOS, Linux หรือ Windows)
เรียกใช้โปรแกรมติดตั้ง โดยจะแสดงหน้าจอดังต่อไปนี้
เข้าสู่ระบบด้วยบัญชี Google ทำการตรวจสอบสิทธิ์ให้เสร็จสมบูรณ์ แล้วระบบจะแสดงข้อมูลต่อไปนี้
คลิกเปิด Antigravity โดยจะแสดงนโยบายด้านความปลอดภัยและการใช้ข้อมูล คลิกถัดไป
เลือกธีมที่ชอบ
Antigravity มาพร้อมชุดปลั๊กอินที่ทำงานร่วมกับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Google ต่างๆ ปลั๊กอินเหล่านี้จะติดตั้งชุดทักษะที่ช่วยให้ Antigravity ทำงานร่วมกับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ต่างๆ ของ Google ได้ ต่อไปนี้คือรายการปลั๊กอินที่คุณเลือกติดตั้งได้ เราจะไม่กล่าวถึงปลั๊กอินเหล่านี้ในโค้ดแล็บ คลิกเสร็จสิ้น
คุณควรเห็นอินเทอร์เฟซ Antigravity ดังนี้
ติดตั้ง Antigravity IDE
คุณเลือกติดตั้ง Antigravity IDE หรือไม่ก็ได้ ไปที่หน้าดาวน์โหลด Google Antigravity ไปที่ส่วนดาวน์โหลด Antigravity IDE
เมื่อติดตั้งทั้ง Antigravity และ Antigravity IDE เรียบร้อยแล้ว คุณจะเห็นไอคอน 2 รายการใน Dock ได้แก่ Antigravity (พื้นหลังสีขาว) และ Antigravity IDE (พื้นหลังตารางสีดำ)
3. อินเทอร์เฟซ Antigravity
เราพร้อมที่จะเริ่มต้นแล้ว มาเริ่มที่การใช้ Antigravity กันก่อน หน้าจอ Antigravity เริ่มต้นจะมีลักษณะคล้ายกับหน้าจอนี้
เราจะไปที่ตัวเลือกการตั้งค่าที่มุมซ้ายล่างเมื่อเราทำตามบทแนะนำนี้ไปเรื่อยๆ ตามความจำเป็น
โปรเจ็กต์
มาทำความเข้าใจแนวคิดของโปรเจ็กต์ใน Antigravity กันก่อน ซึ่งเป็นสิ่งสำคัญเนื่องจากหากคุณสังเกตเห็นอินเทอร์เฟซในแผงด้านขวา จะเห็นข้อความที่ระบุอย่างชัดเจนว่าเลือกโปรเจ็กต์ และ Antigravity ใช้แนวทางที่เน้นโปรเจ็กต์เป็นหลักเพื่อให้มั่นใจว่าเอเจนต์มีสิทธิ์เข้าถึงไฟล์ เครื่องมือ สิทธิ์ และอื่นๆ ที่เหมาะสม
โปรเจ็กต์คือการรวมโฟลเดอร์ที่กำหนดสภาพแวดล้อมและขอบเขตของ Agent โปรเจ็กต์สามารถทำงานกับโฟลเดอร์เดียวหรือหลายโฟลเดอร์ (เช่น ที่เก็บข้อมูลส่วนหน้าและส่วนหลัง) แทนที่จะบังคับให้ Agent ทำงานภายในโฟลเดอร์เดียว ซึ่งจะช่วยให้ Agent มีบริบททั้งหมดที่จำเป็นสำหรับโค้ดเบส โปรเจ็กต์ทั้งหมดมีการตั้งค่า Agent ที่แยกกัน ซึ่งช่วยให้คุณปรับแต่งการตั้งค่าความปลอดภัยของโปรเจ็กต์ต่างๆ ได้อย่างอิสระ
มาสร้างโปรเจ็กต์แรกกัน สร้างโฟลเดอร์ชื่อ $HOME/agy2-projects/my-first-project ในโฟลเดอร์หน้าแรกในเครื่องของคุณ โปรดทราบว่าโฟลเดอร์ไม่จำเป็นต้องว่างเปล่า
ตอนนี้เราจะสร้างโปรเจ็กต์แรกใน Antigravity โดยกำหนดโฟลเดอร์ที่ประกอบกันเป็นโปรเจ็กต์ ในกรณีแรกของเรา จะมีโฟลเดอร์เดียว
คลิกเลือกโปรเจ็กต์ → โปรเจ็กต์ใหม่ตามที่แสดงด้านล่าง
ตามที่คาดไว้ ระบบจะขอให้คุณเลือกโฟลเดอร์ตามที่แสดงด้านล่าง
คลิกเพิ่มโฟลเดอร์ แล้วไปที่โฟลเดอร์ที่ต้องการเลือก เช่น $HOME/agy2-projects/my-first-project
คุณยังเพิ่มโฟลเดอร์ลงในโปรเจ็กต์ได้อีก (ผ่านเพิ่มโฟลเดอร์) แต่ตอนนี้ให้คลิกปุ่มถัดไป
ซึ่งจะแสดงกล่องโต้ตอบดังที่แสดงด้านล่าง โปรเจ็กต์ทั้งหมดมีการตั้งค่า Agent ที่แยกกัน ซึ่งช่วยให้คุณปรับแต่งการตั้งค่าความปลอดภัยของโปรเจ็กต์ต่างๆ ได้อย่างอิสระ
แต่ละโปรเจ็กต์จะรับช่วงสิทธิ์เกี่ยวกับการตรวจสอบอาร์ติแฟกต์ เครื่องมือที่อนุญาต และการกำหนดค่าเซิร์ฟเวอร์ Model Context Protocol (MCP) จากการกำหนดค่าส่วนกลางที่พร้อมใช้งานผ่านการตั้งค่าในอินเทอร์เฟซหลัก อย่างไรก็ตาม คุณสามารถตั้งค่าสิทธิ์เหล่านี้และอื่นๆ ต่อโปรเจ็กต์แต่ละรายการได้ ซึ่งจะช่วยให้มีความยืดหยุ่นมากขึ้น รวมถึงรักษาบริบทและเครื่องมือให้มีประสิทธิภาพและเหมาะสมกับโปรเจ็กต์ที่เฉพาะเจาะจง
ตอนนี้ ให้เลือกตัวเลือกค่าเริ่มต้น
นอกจากนี้ คุณยังตั้งชื่อโปรเจ็กต์ในกล่องโต้ตอบถัดไปแล้วคลิกสร้างได้ด้วย
ตอนนี้คุณจะเห็นหน้าจอต่อไปนี้ โปรเจ็กต์จะปรากฏในรายการโปรเจ็กต์และในอินเทอร์เฟซแชทตามที่แสดง โปรดทราบว่าคุณสามารถเลือกโมเดล ส่งบริบทเพิ่มเติมผ่านเครื่องหมาย + หรือการดำเนินการ @ หรือ / และอื่นๆ ได้
เมื่อคุณทักทายเจ้าหน้าที่ด้วยข้อความ เจ้าหน้าที่ก็จะตอบกลับตามนั้น
เรามีคำขออีกรายการหนึ่งเพื่อรับข่าวสารและคำขอนี้ก็ทำงานได้ดี
การสนทนา
ในโปรเจ็กต์ (my-first-project) เราได้เริ่มชุดข้อความสนทนา และปัจจุบันมีชุดข้อความ (ข้อความของผู้ใช้และการตอบกลับของ Agent) ที่อยู่ในชุดข้อความ
คุณจะเห็นชุดข้อความการสนทนานี้ทางด้านซ้ายซึ่งจัดกลุ่มไว้ภายใต้โปรเจ็กต์
ตอนนี้เรามาทำอะไรที่น่าสนใจและตั้งชื่อให้กับเธรดการสนทนานี้กัน เราจะตั้งชื่อว่า conv-introduction
โดยคลิกจุดแนวตั้ง 3 จุดข้างการสนทนา โดยจะแสดงตัวเลือก 3 รายการ เลือกการดำเนินการเปลี่ยนชื่อ
ตั้งค่าเป็น conv-introduction หรือชื่อใดก็ได้ที่คุณเข้าใจ
ตอนนี้ หากต้องการสนทนาใหม่ทั้งหมดในโปรเจ็กต์ ให้คลิกเครื่องหมาย + (การสนทนาใหม่ในโปรเจ็กต์) ข้างโปรเจ็กต์ตามที่แสดงด้านล่าง
ตอนนี้คุณอยู่ในการสนทนาใหม่โดยสิ้นเชิง
มาถามข่าวสารเกี่ยวกับกีฬาจากทั่วโลกกัน โปรดทราบว่าเรายังอยู่ใน my-first-project
ซึ่งจะแสดงข่าวสารเกี่ยวกับโลกกีฬา และคุณจะเห็นว่าตอนนี้เรามีชุดข้อความการสนทนา 2 ชุดในโปรเจ็กต์เดียวกัน
มาเปลี่ยนชื่อการสนทนานี้เป็น conv-sportsnews กัน หากต้องการดูการสนทนาทั้งหมดที่เกิดขึ้นจนถึงตอนนี้ ให้ไปที่ประวัติการสนทนาที่ด้านซ้ายบนตามที่แสดงด้านล่าง
คุณมีตัวเลือกในการเริ่มการสนทนาใหม่ในโปรเจ็กต์ปัจจุบันหรือโปรเจ็กต์ใหม่ได้ทุกเมื่อผ่านตัวเลือกการสนทนาใหม่ที่ด้านบน
การตั้งค่าโปรเจ็กต์
ตอนนี้เรากลับไปที่การตั้งค่าโปรเจ็กต์ที่เราพูดถึงก่อนหน้านี้กัน เมื่อสร้างโปรเจ็กต์ใน Antigravity โปรเจ็กต์จะรับช่วงสิทธิ์เริ่มต้น ซึ่งคุณสามารถลบล้างได้หากต้องการ
หากต้องการไปที่การตั้งค่าโปรเจ็กต์สำหรับโปรเจ็กต์ที่เฉพาะเจาะจง ให้คลิกไอคอนรูปเฟืองการตั้งค่าข้างโปรเจ็กต์แต่ละรายการในแถบนำทางด้านซ้าย
ซึ่งจะนำคุณไปยังการตั้งค่าโปรเจ็กต์ที่เฉพาะเจาะจง (เช่น my-first-project) ดังที่แสดงด้านล่าง
สังเกตว่าทางด้านซ้ายใต้โปรเจ็กต์ ระบบได้เลือก my-first-project ไว้ หากมีโปรเจ็กต์อื่นๆ โปรเจ็กต์เหล่านั้นจะปรากฏในรายการนี้ และคุณสามารถเลือกโปรเจ็กต์ใดก็ได้และปรับการตั้งค่าได้ตามต้องการ
ตอนนี้เรามาดูที่ด้านขวา ซึ่งเป็นการตั้งค่าโปรเจ็กต์ที่แสดงสำหรับ my-first-project คุณจะเห็นว่ามีโฟลเดอร์เดียวที่เราเพิ่มลงในโปรเจ็กต์นี้ คุณยังเพิ่มโฟลเดอร์เพิ่มเติมได้จากที่นี่ด้วย
เราขอแนะนำให้คุณดูรายการทั้งหมดก่อนและดูความยืดหยุ่นที่เรามีให้ในตอนนี้เพื่อช่วยคุณเปลี่ยนการตั้งค่าจำนวนมากตามข้อกำหนดการปรับแต่งโปรเจ็กต์
ซึ่งได้แก่
- ค่าที่กำหนดล่วงหน้าด้านความปลอดภัย: กำหนดว่าคำสั่งเทอร์มินัลและการเข้าถึงไฟล์ทั้งหมดจะต้องได้รับการตรวจสอบจากคุณก่อนที่ Agent จะดำเนินการได้หรือไม่
- ลักษณะการทำงานของ Agent: กำหนดว่า Agent จะดำเนินการตามแผนการติดตั้งใช้งานโดยมีการตรวจสอบจากคุณหรือไม่
- สิทธิ์ต่างๆ ในเครื่อง เส้นทางไฟล์, URL ฯลฯ ที่อนุญาตหรือบล็อกสำหรับตัวแทน
- คุณยังกำหนดค่าเครื่องมือ MCP ที่เฉพาะเจาะจงซึ่งได้รับอนุญาตสำหรับโปรเจ็กต์นี้ได้ด้วย ซึ่งมีประโยชน์อย่างยิ่งในการป้องกันไม่ให้เซิร์ฟเวอร์ MCP ที่กำหนดค่าทั่วโลกทั้งหมดพร้อมใช้งานสำหรับ Agent ในโปรเจ็กต์นี้
หมายเหตุ: คุณสามารถไปที่การตั้งค่าสำหรับ Antigravity หรือแม้แต่การตั้งค่าโปรเจ็กต์ได้ทุกเมื่อผ่านตัวเลือกการตั้งค่าหลักในอินเทอร์เฟซ Antigravity
4. คำสั่งเครื่องหมายทับ
Antigravity มีคำสั่งเครื่องหมายทับ / ที่น่าสนใจให้ใช้งาน ในอินเทอร์เฟซแชทของการสนทนา หากคุณพิมพ์ / คุณควรเห็นคำสั่งตามที่แสดงด้านล่าง
ลองใช้คำสั่ง /browser ซึ่งเป็นคำสั่งที่ชัดเจนในการเปิดเบราว์เซอร์และขอให้ทำบางอย่าง
ลองไปที่เว็บไซต์ตามที่แสดงด้านล่าง
ซึ่งจะสร้างเอเจนต์ย่อยของเบราว์เซอร์ที่พยายามเปิดเซสชันการแก้ไขข้อบกพร่องด้วย Chrome และขอสิทธิ์จากคุณก่อน
เมื่อคุณอนุญาตแล้ว แอปจะขอสิทธิ์ตามที่จำเป็นและรับรายละเอียด
คำสั่ง /schedule มีประโยชน์หากคุณต้องการตั้งค่างานที่เกิดซ้ำหรือแบบครั้งเดียวให้เอเจนต์ดำเนินการตามช่วงเวลาที่กำหนดหรือตามกำหนดเวลา (เช่น 09:00 น. ในวันจันทร์และวันพุธ)
ในขณะเดียวกัน คุณก็มีเครื่องมือเดียวกันนี้ให้ใช้ผ่านอินเทอร์เฟซผู้ใช้ ซึ่งจะกล่าวถึงในส่วนคำสั่งการตั้งเวลาในขั้นตอนถัดไป
5. คำสั่งการตั้งเวลา
คุณสามารถใช้ตัวเลือกกำหนดเวลาในอินเทอร์เฟซหลักเพื่อทำให้งานที่เกิดซ้ำเป็นแบบอัตโนมัติ หรือตั้งการช่วยเตือนแบบครั้งเดียวในโปรเจ็กต์ที่เฉพาะเจาะจง
มาสร้างงานประจำวันที่ช่วยเตือนการประชุมเวลา 18:00 น. ทุกวันกัน คลิกใหม่ แล้วกรอกรายละเอียดตามที่แสดงด้านล่าง
คลิกเพิ่มงานที่กำหนดเวลาไว้ แล้วระบบจะเพิ่มงานลงในรายการงานที่กำหนดเวลาไว้ดังที่แสดงด้านล่าง
มาเพิ่มอีกอันที่ช่วยเตือนให้เราพักทุกๆ 20 นาทีกัน
ตอนนี้เรามีงานที่กำหนดเวลาไว้ 2 งาน ดังที่แสดงด้านล่าง
คุณปิดใช้หรือลบงานใดก็ได้ โปรดทราบว่าเราใช้พรอมต์พื้นฐาน แต่พรอมต์ของคุณอาจมีรายละเอียด อาจเรียกใช้เครื่องมือ (พูดคุยกับระบบภายนอก) และทำงานอื่นๆ อีกมากมายเบื้องหลังเป็นระยะๆ ตามข้อกำหนดของคุณ
6. เซิร์ฟเวอร์ Model Context Protocol (MCP)
Model Context Protocol (MCP) ได้กลายเป็นมาตรฐานที่ช่วยเชื่อมต่อ Agent กับระบบภายนอก โดยมีบทบาทสำคัญในการช่วยให้มั่นใจว่าเอเจนต์จะยังคงอิงตามข้อมูลและการผสานรวมของคุณ
Antigravity รองรับเซิร์ฟเวอร์ MCP ทั้งในเครื่องและระยะไกล นอกจากนี้ ยังมาพร้อมกับการผสานรวมกับเซิร์ฟเวอร์ MCP หลายเครื่องที่ทำงานร่วมกับบริการของ Google Cloud และติดตั้งได้ง่ายๆ เพียงคลิกเดียวพร้อมข้อมูลการกำหนดค่าเพียงเล็กน้อย
ก่อนอื่น มาดูรายการตัวเลือกเซิร์ฟเวอร์ MCP ที่กำหนดค่าไว้ล่วงหน้ากัน ไปที่การตั้งค่า → การปรับแต่ง แล้วคลิกปุ่มเพิ่ม MCP+ เพื่อเพิ่มเซิร์ฟเวอร์ใหม่ ซึ่งจะแสดงกล่องโต้ตอบที่คุณดูรายการเซิร์ฟเวอร์ทั้งหมดได้
คลิกปุ่ม +เพิ่มเพื่อเพิ่มเซิร์ฟเวอร์ MCP คุณจะต้องระบุข้อมูลบางอย่าง เช่น รหัสโปรเจ็กต์ รายละเอียดฐานข้อมูล ทั้งนี้ขึ้นอยู่กับเซิร์ฟเวอร์ MCP
การเพิ่มเซิร์ฟเวอร์ MCP ที่มีอยู่
เบื้องหลัง เซิร์ฟเวอร์ MCP จะได้รับการกำหนดค่าในไฟล์ $HOME/.gemini/config/mcp_config.json หากคุณใช้เซิร์ฟเวอร์ MCP ระยะไกลที่มีอยู่แล้ว คุณก็เพียงแค่เพิ่มรายละเอียดลงในไฟล์นี้ ดูส่วนการกำหนดค่าเซิร์ฟเวอร์ MCP ที่กำหนดเองได้ที่นี่
เมื่อเพิ่มเซิร์ฟเวอร์ MCP ระยะไกลและบันทึกไฟล์แล้ว คุณจะไปที่ส่วนเซิร์ฟเวอร์ MCP ใน Antigravity ได้โดยทำดังนี้
- จากอินเทอร์เฟซหลักของ Antigravity ให้คลิกการตั้งค่า
- ไปที่การปรับแต่ง คลิกรีเฟรชหากยังไม่เห็นเซิร์ฟเวอร์ MCP
- คุณปิดใช้เซิร์ฟเวอร์ MCP ได้หากต้องการผ่านปุ่มเปิด/ปิด หรือจะคลิกเซิร์ฟเวอร์ MCP ใดก็ได้เพื่อดูเครื่องมือที่เซิร์ฟเวอร์แสดง
หากต้องการใช้เซิร์ฟเวอร์ MCP ที่กำหนดค่าไว้ คุณสามารถถาม Antigravity เกี่ยวกับสิ่งที่ต้องใช้เซิร์ฟเวอร์ MCP ได้ เช่น คุณเปิดใช้เซิร์ฟเวอร์ cloudrun-mcp แล้วถาม Antigravity ดังนี้ Build and deploy a Cloud Run service ซึ่งจะแจ้งให้ Antigravity ค้นหาและใช้เซิร์ฟเวอร์ cloudrun-mcp เพื่อกำหนดค่าและทำให้บริการ Cloud Run ใช้งานได้
7. อาร์ติแฟกต์
Antigravity สร้างอาร์ติแฟกต์ขณะวางแผนและทำงานให้เสร็จเพื่อเป็นวิธีสื่อสารงานและรับความคิดเห็นจากผู้ใช้ที่เป็นมนุษย์ ซึ่งได้แก่ ไฟล์ Markdown แบบริช, ไดอะแกรมสถาปัตยกรรม, รูปภาพ, การบันทึกเบราว์เซอร์, ส่วนต่างของโค้ด และอื่นๆ
อาร์ติแฟกต์ช่วยลดช่องว่างด้านความน่าเชื่อถือ เมื่อตัวแทนอ้างว่าแก้ไขข้อบกพร่องแล้ว ก่อนหน้านี้นักพัฒนาแอปต้องอ่านโค้ดเพื่อยืนยัน ใน Antigravity เอเจนต์จะสร้างอาร์ติแฟกต์เพื่อพิสูจน์
อาร์ติแฟกต์หลักที่ Antigravity สร้างขึ้นมีดังนี้
Task Lists: ก่อนเขียนโค้ด Agent จะสร้างแผนที่มีโครงสร้าง โดยปกติแล้ว คุณไม่จำเป็นต้องแก้ไขแผนนี้ แต่สามารถตรวจสอบและในบางกรณีก็เพิ่มความคิดเห็นเพื่อเปลี่ยนแปลงได้หากจำเป็นImplementation Plan: ใช้เพื่อออกแบบการเปลี่ยนแปลงภายในฐานของโค้ดเพื่อทำงานให้สำเร็จ แผนเหล่านี้มีรายละเอียดทางเทคนิคเกี่ยวกับสิ่งที่ต้องแก้ไข และมีไว้เพื่อให้ผู้ใช้ตรวจสอบ เว้นแต่คุณจะตั้งค่านโยบายการตรวจสอบอาร์ติแฟกต์เป็นดำเนินการต่อเสมอWalkthrough: เอกสารนี้จะสร้างขึ้นเมื่อตัวแทนดำเนินการตามงานเสร็จแล้ว โดยเป็นข้อมูลสรุปการเปลี่ยนแปลงและวิธีทดสอบการเปลี่ยนแปลงCode diffs: แม้ว่าในทางเทคนิคแล้ว Antigravity จะไม่ใช่สิ่งประดิษฐ์ แต่ก็สร้างส่วนต่างของโค้ดที่คุณสามารถตรวจสอบและแสดงความคิดเห็นได้Screenshots: เอเจนต์จะบันทึกสถานะของ UI ก่อนและหลังการเปลี่ยนแปลง
หากต้องการทำความเข้าใจอาร์ติแฟกต์ให้ดียิ่งขึ้น ให้สร้างการสนทนากับโปรเจ็กต์ใหม่หรือโปรเจ็กต์ที่มีอยู่โดยใช้พรอมต์ต่อไปนี้
Design a Node application that I can run from the command line to get me the latest news from Google.
Agent เริ่มทำงานและกลับมาพร้อมกับอาร์ติแฟกต์แรกของเรา นั่นคือแผนการติดตั้งใช้งาน
คุณดูอาร์ติแฟกต์ที่ Antigravity สร้างขึ้นได้โดยสลับแผงเสริมที่แสดงที่มุมขวาบน
หากสลับแผงเสริม คุณจะเห็นเอาต์พุตต่อไปนี้ ซึ่งระบุว่ามีการสร้างอาร์ติแฟกต์ 1 รายการ (แผนการติดตั้งใช้งาน)
คลิกแผนการติดตั้งใช้งานเพื่อดูรายละเอียดตามที่แสดงด้านล่าง
ตอนนี้เราพอใจกับแพ็กเกจนี้แล้ว เพียงคลิกปุ่มดำเนินการต่อเพื่อไปยังขั้นตอนถัดไป
เมื่อเริ่มทำงานแล้ว ระบบจะสร้างอาร์ติแฟกต์อีกรายการหนึ่งคือแผนงานและไฟล์อื่นๆ คุณดูข้อมูลทั้งหมดนี้ได้ในแผงเสริมตามที่แสดงด้านล่าง
หากคลิกอาร์ติแฟกต์งาน คุณจะเห็นรายการงานแบบทีละขั้นตอนเพื่อให้บรรลุเป้าหมายที่ระบุไว้ พร้อมกับขั้นตอนที่เสร็จสมบูรณ์แล้วและขั้นตอนที่ยังไม่เสร็จสมบูรณ์
สุดท้ายนี้ เมื่อทุกอย่างเสร็จสมบูรณ์ ทดสอบ และได้รับการยืนยันจากตัวแทนแล้ว คุณจะได้รับข้อความแจ้งว่างานเสร็จสมบูรณ์แล้ว ตอนนี้อาร์ติแฟกต์อีกรายการหนึ่งที่เรียกว่าคำแนะนำแบบทีละขั้นตอนพร้อมใช้งานแล้ว คุณจะเห็นรายการสุดท้ายดังที่แสดงด้านล่าง
สิ่งสำคัญที่ควรทราบคือไม่ได้มีเพียงอาร์ติแฟกต์ (งาน คำแนะนำแบบทีละขั้นตอน และแผนการติดตั้งใช้งาน) แต่ยังมีไฟล์ต้นฉบับ (package.json, index.js) ด้วย
คุณอาจไม่จำเป็นต้องใช้โปรแกรมแก้ไข / IDE ที่สมบูรณ์เพื่อดูไฟล์ที่สร้างขึ้น คุณคลิกไฟล์ package.json หรือ index.js แล้วจะดูเนื้อหาและแสดงความคิดเห็นได้
8. Antigravity IDE
คุณเลือกใช้ Antigravity IDE ที่เราติดตั้งไว้ก่อนหน้านี้ใน Codelab นี้ได้ หากต้องการใช้ IDE คุณจะเห็นว่าเมื่อสลับแผงเสริมในอินเทอร์เฟซหลักของ Antigravity จะมีตัวเลือกเปิด IDE
คลิกที่ปุ่มดังกล่าวเพื่อเปิด Antigravity IDE คุณอาจเห็นคำเตือนเมื่อเปิดตัว Antigravity IDE ซึ่งมีลักษณะดังนี้
ซึ่งเป็นเรื่องปกติ คลิกใช่ได้เลย ซึ่งจะแสดง Antigravity IDE ซึ่งผู้ที่เคยใช้ IDE มาก่อนน่าจะคุ้นเคย โดยจะมีโฟลเดอร์/ไฟล์ทั้งหมดที่สร้างขึ้น เอดิเตอร์ และแผง Agent ซึ่งคุณสามารถแชทกับ Agent เกี่ยวกับโค้ด (อธิบาย สร้าง แก้ไข ฯลฯ)
9. ทักษะ
แม้ว่าโมเดลพื้นฐานของ Antigravity จะเป็นโมเดลทั่วไปที่มีประสิทธิภาพ แต่ก็ไม่ทราบบริบทของโปรเจ็กต์หรือมาตรฐานของทีมคุณ การโหลดกฎหรือเครื่องมือทุกอย่างลงในหน้าต่างบริบทของเอเจนต์จะทำให้เครื่องมือมีขนาดใหญ่ขึ้น ค่าใช้จ่ายสูงขึ้น เวลาในการตอบสนองนานขึ้น และเกิดความสับสน
ทักษะจะแก้ปัญหานี้ผ่านการเปิดเผยข้อมูลแบบค่อยเป็นค่อยไป ทักษะคือแพ็กเกจความรู้เฉพาะทางที่ยังไม่ได้ใช้งานจนกว่าจะจำเป็น โดยจะโหลดลงในบริบทของเอเจนต์เฉพาะเมื่อคำขอที่เฉพาะเจาะจงของคุณตรงกับคำอธิบายของทักษะ
โครงสร้างและขอบเขต
ทักษะคือแพ็กเกจที่อิงตามไดเรกทอรี คุณกำหนดได้ 2 ขอบเขตตามความต้องการ ดังนี้
- ขอบเขตส่วนกลาง (
~/.gemini/config/skills/): ใช้ได้ในผลิตภัณฑ์และโปรเจ็กต์ Antigravity ทั้งหมด (Antigravity, Antigravity IDE, Antigravity CLI) - ขอบเขตโปรเจ็กต์/พื้นที่ทำงาน (
<project-root>/.agents/skills/): การดำเนินการนี้จะทำให้ทักษะพร้อมใช้งานภายในโปรเจ็กต์ที่เฉพาะเจาะจงเท่านั้น
โครงสร้างของทักษะ
โดยไดเรกทอรีทักษะทั่วไปจะมีลักษณะดังนี้
my-skill/
├── SKILL.md #(Required) metadata & instructions.
├── scripts/ # (Optional) Python or Bash scripts for execution.
├── references/ # (Optional) text, documentation, or templates.
└── assets/ # (Optional) Images or logos.
มาเพิ่มทักษะกันเลย
ทักษะการตรวจสอบโค้ด
นี่เป็นทักษะที่ใช้คำสั่งเท่านั้น กล่าวคือ เราเพียงแค่ต้องสร้างไฟล์ SKILL.md ซึ่งจะมีข้อมูลเมตาและคำสั่งทักษะ มาสร้างทักษะที่ให้รายละเอียดแก่ตัวแทนเพื่อตรวจสอบการเปลี่ยนแปลงโค้ดสำหรับข้อบกพร่อง ปัญหาด้านสไตล์ และแนวทางปฏิบัติแนะนำกัน
สมมติว่าคุณอยู่ในโฟลเดอร์โปรเจ็กต์ที่เฉพาะเจาะจง (เช่น $HOME/agy2-projects/my-skills-project) ขั้นตอนแรกคือการสร้างไดเรกทอรีในโฟลเดอร์โปรเจ็กต์ที่จะมีทักษะ
mkdir -p .agents/skills/code-review
สร้างไฟล์ SKILL.md ในโฟลเดอร์โปรเจ็กต์ เช่น .agents/skills/code-review ที่เราเพิ่งสร้าง โดยมีเนื้อหาดังที่แสดงด้านล่าง
---
name: code-review
description: Reviews code changes for bugs, style issues, and best practices. Use when reviewing PRs or checking code quality.
---
# Code Review Skill
When reviewing code, follow these steps:
## Review checklist
1. **Correctness**: Does the code do what it's supposed to?
2. **Edge cases**: Are error conditions handled?
3. **Style**: Does it follow project conventions?
4. **Performance**: Are there obvious inefficiencies?
## How to provide feedback
- Be specific about what needs to change
- Explain why, not just what
- Suggest alternatives when possible
โปรดสังเกตว่าไฟล์ SKILL.md ด้านบนมีข้อมูลเมตา (ชื่อและคำอธิบาย) ที่ด้านบนสุดและมีวิธีการ เมื่อเอเจนต์โหลด ระบบจะอ่านเฉพาะข้อมูลเมตาของทักษะ และจะโหลดเฉพาะวิธีการแบบเต็มของทักษะเมื่อจำเป็นเท่านั้น
มาตรวจสอบทักษะการตรวจสอบโค้ดกัน เปิดการสนทนาใน Antigravity ในโปรเจ็กต์ที่ต้องการ แล้วป้อนพรอมต์ต่อไปนี้
โดยควรแสดงทักษะการตรวจสอบโค้ด
ลองเลย
สร้างไฟล์ใหม่ชื่อ demo_bad_code.py ใน $HOME/agy2-projects/my-skills-project โดยมีเนื้อหาดังที่แสดงด้านล่าง
import time
def get_user_data(users, id):
# Find user by ID
for u in users:
if u['id'] == id:
return u
return None
def process_payments(items):
total = 0
for i in items:
# Calculate tax
tax = i['price'] * 0.1
total = total + i['price'] + tax
time.sleep(0.1) # Simulate slow network call
return total
def run_batch():
users = [{'id': 1, 'name': 'Alice'}, {'id': 2, 'name': 'Bob'}]
items = [{'price': 10}, {'price': 20}, {'price': 100}]
u = get_user_data(users, 3)
print("User found: " + u['name']) # Will crash if None
print("Total: " + str(process_payments(items)))
if __name__ == "__main__":
run_batch()
เปิดการสนทนาใหม่ในโปรเจ็กต์ที่เฉพาะเจาะจงใน Antigravity แล้วป้อนพรอมต์ต่อไปนี้ review the @demo_bad_code.py file
Agent ควรระบุทักษะ code-review โหลดรายละเอียด แล้วดำเนินการตามวิธีการที่ระบุไว้ในไฟล์ code-review/SKILL.md
ตัวอย่างเอาต์พุตแสดงอยู่ด้านล่าง
10. บทสรุป
ยินดีด้วย ตอนนี้คุณได้ติดตั้ง Antigravity กำหนดค่าสภาพแวดล้อม และเรียนรู้วิธีควบคุมเอเจนต์เรียบร้อยแล้ว
รับป้าย AI Agent 5 วันของ Kaggle
คุณทำแล็บนี้เสร็จแล้วในฐานะส่วนหนึ่งของ 5-Day AI Agents: Intensive Vibe Coding Course with Google ของ Kaggle ใช่ไหม รับป้ายสำเร็จหลักสูตร: รับป้ายเอเจนต์ AI 5 วัน
ขั้นตอนถัดไป หากต้องการดูการทำงานของ Antigravity ในการสร้างแอปพลิเคชันในโลกแห่งความเป็นจริง คุณสามารถดู Codelab ต่อไปนี้
- สร้างและทำให้ Google Cloud ใช้งานได้กับ Antigravity: Codelab นี้แสดงวิธีออกแบบ สร้าง และติดตั้งใช้งานแอปพลิเคชันแบบ Serverless ใน Google Cloud
เอกสารอ้างอิง
- เว็บไซต์อย่างเป็นทางการ : https://antigravity.google/
- เอกสารประกอบ: https://antigravity.google/docs/home
- กรณีการใช้งาน : https://antigravity.google/use-cases
- ดาวน์โหลด : https://antigravity.google/download
- ช่อง YouTube ของ Google Antigravity : https://www.youtube.com/@googleantigravity