เริ่มต้นใช้งาน Google Antigravity

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 แบบ Agentic ที่มีฟีเจอร์ครบถ้วนยังคงพร้อมใช้งาน (และขอแนะนำสำหรับนักพัฒนาซอฟต์แวร์) โดยมาพร้อมกับ Agent Manager, อาร์ติแฟกต์ และความเข้าใจอย่างลึกซึ้งเกี่ยวกับโค้ดเบสของคุณ
  • Antigravity CLI: อินเทอร์เฟซบรรทัดคำสั่งสำหรับการโต้ตอบของเอเจนต์ที่ใช้เทอร์มินัล ซึ่งเราจะไม่กล่าวถึงในบทแนะนำนี้
  • Antigravity SDK: เครื่องมือสำหรับนักพัฒนาแอปในการผสานรวม Antigravity เข้ากับระบบของตนเองโดยใช้โปรแกรม ซึ่งเราจะไม่กล่าวถึงในบทแนะนำนี้
  • Antigravity สำหรับ IDE: ฟีเจอร์นี้เพิ่งเปิดตัวเมื่อเร็วๆ นี้ ซึ่งจะผสานรวมความสามารถของเอเจนต์อัตโนมัติของ Antigravity เข้ากับโปรแกรมแก้ไขที่คุณชื่นชอบโดยตรงด้วยส่วนขยายอย่างเป็นทางการสำหรับ Visual Studio Code, Jetbrains, Zed และอื่นๆ ในกรณีที่คุณไม่ต้องการใช้ส่วนขยายใดๆ เหล่านี้ คุณสามารถใช้ Antigravity IDE แบบสแตนด์อโลนที่กล่าวถึงข้างต้นได้

ใน 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 นี้

e7d8a6055a16a773.png

หากพบข้อบกพร่องหรือต้องการขอฟีเจอร์ที่เกี่ยวข้องกับ Antigravity โปรดรายงานปัญหาภายใน Antigravity คุณสามารถรายงานความคิดเห็นเกี่ยวกับผลิตภัณฑ์ได้โดยคลิกการตั้งค่าที่มุมซ้ายล่างของผลิตภัณฑ์ Antigravity แล้วเลือกตัวเลือก Provide Feedback

2. การติดตั้ง

การติดตั้ง Antigravity

ไปที่หน้าดาวน์โหลด Google Antigravity ดาวน์โหลดแอปพลิเคชัน Antigravity สำหรับระบบปฏิบัติการของคุณ (macOS, Linux หรือ Windows)

f02932e53a440101.png

เรียกใช้โปรแกรมติดตั้ง โดยจะแสดงหน้าจอดังนี้

679598ae228904f1.png

มี 2 ตัวเลือก ได้แก่

  • ดำเนินการต่อด้วย Google: คุณใช้บัญชี Google ส่วนตัวที่นี่ได้ และ Antigravity รองรับแพ็กเกจเริ่มต้นด้วย Gmail ส่วนตัว ในกรณีที่คุณซื้อแพ็กเกจ Google AI Pro / Ultra ในบัญชี Google ระบบจะใช้ขีดจำกัดโควต้า Antigravity ที่เหมาะสม
  • ใช้บัญชีธุรกิจ: ตัวเลือกนี้จะใช้ได้หากคุณใช้ในโปรเจ็กต์ระดับองค์กร ซึ่งคุณมีโปรเจ็กต์ Google Cloud และองค์กรของคุณได้ซื้อใบอนุญาต หรือคุณจะใช้โปรเจ็กต์ Google Cloud พร้อมกับแพลตฟอร์ม Agent ในรูปแบบการชำระเงินตามการใช้งานก็ได้ เราจะไม่ใช้ตัวเลือกนี้ที่นี่

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

6162c3f36413a963.png

คลิกเปิด Antigravity แล้วระบบจะดำเนินการส่วนที่เหลือของกระบวนการต่อ

คุณสามารถเลือกธีม ปลั๊กอิน Google อย่างน้อย 1 รายการที่ใช้เสริม Antigravity ได้ (คุณจะข้ามส่วนนี้ไปก่อนก็ได้) และหน้าจอข้อกำหนด / เงื่อนไข ยอมรับ คลิกเสร็จสิ้น แล้วคุณจะเห็นอินเทอร์เฟซของ Antigravity ที่มีลักษณะดังนี้

78dad8507c63366f.png

เราจะไปที่อินเทอร์เฟซในอีกสักครู่ แต่ตอนนี้เราพร้อมแล้ว

ติดตั้ง Antigravity IDE

ในหน้าจอด้านบน คุณควรเห็นปุ่มติดตั้ง Antigravity IDE ที่มุมขวาบน ซึ่งจะนำคุณไปยังหน้าดาวน์โหลด Google Antigravity IDE หรือคุณจะไปที่หน้านั้นโดยตรงก็ได้

48391dae25c398c6.png

คลิกปุ่มดาวน์โหลด ซึ่งจะนำคุณไปยังหน้าเว็บที่คุณสามารถดาวน์โหลดส่วนขยาย Antigravity สำหรับ IDE ที่คุณชื่นชอบ (Visual Studio Code, Zed, Jetbrains ฯลฯ) หรือดาวน์โหลดโปรแกรมติดตั้ง Antigravity IDE แบบสแตนด์อโลนได้ตามที่ระบุไว้ด้านล่าง

573da7d2db4d0edf.png

ดาวน์โหลดโปรแกรมติดตั้งที่เหมาะสม เรียกใช้โปรแกรมติดตั้ง เข้าสู่ระบบด้วยบัญชี Google เดียวกัน และดำเนินการติดตั้งต่อ ใช้ค่าเริ่มต้นสำหรับทุกขั้นตอน ตั้งแต่ IDE, การดำเนินการเริ่มต้น, ปลั๊กอิน และอื่นๆ

คุณจะเห็นไอคอน 2 รายการในแถบแอป ได้แก่ Antigravity 2.0 (พื้นหลังสีขาว) และ Antigravity IDE (พื้นหลังตารางสีดำ)

97b7906262ed8246.png

3. อินเทอร์เฟซ Antigravity 2.0

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

2d8846dc0dd8b8c4.png

เราจะไปที่ตัวเลือกการตั้งค่าที่มุมซ้ายล่างเมื่อเราทำตามบทแนะนำนี้ไปเรื่อยๆ ตามความจำเป็น

โปรเจ็กต์

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

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

มาสร้างโปรเจ็กต์แรกกัน สร้างโฟลเดอร์ชื่อ $HOME/agy2-projects/my-first-project ในโฟลเดอร์หน้าแรกในเครื่อง โปรดทราบว่าโฟลเดอร์ไม่จำเป็นต้องว่างเปล่า

ตอนนี้เราจะสร้างโปรเจ็กต์แรกใน Antigravity โดยกำหนดว่าโฟลเดอร์ใดบ้างที่ประกอบกันเป็นโปรเจ็กต์ ในกรณีเริ่มต้นของเราที่นี่ จะมีเพียงโฟลเดอร์เดียว นั่นคือ $HOME/agy2-projects/my-first-project.

คุณจะเห็นส่วนโปรเจ็กต์ในแถบนำทางด้านซ้าย คลิกปุ่มสร้างโปรเจ็กต์ใหม่ตามที่แสดงด้านล่าง

49d2d12f302fe0fe.png

คุณจะเห็นตัวเลือกตามที่แสดงด้านล่าง ให้คลิกโปรเจ็กต์ใหม่

433e76863e00a72a.png

ระบบจะขอให้คุณเลือกโฟลเดอร์สำหรับโปรเจ็กต์โดยการเปิดโฟลเดอร์หรือ File Explorer เลือกโฟลเดอร์ ในกรณีนี้คือ $HOME/agy2-projects/my-first-project

ตอนนี้เราได้กำหนดโปรเจ็กต์ my-first-project และชี้ไปยังโฟลเดอร์ $HOME/agy2-projects/my-first-project

คุณอาจสงสัยว่าโปรเจ็กต์มีได้เพียงโฟลเดอร์เดียวใช่ไหม จะเกิดอะไรขึ้นหากฉันต้องการมีโปรเจ็กต์ที่มีทั้งโฟลเดอร์โค้ดฝั่งไคลเอ็นต์และโฟลเดอร์โค้ดฝั่งเซิร์ฟเวอร์ คุณเพิ่มโฟลเดอร์ได้อีกเพื่อให้ Antigravity มีบริบททั้งหมดขณะทำงานกับโปรเจ็กต์ คลิกการตั้งค่าโปรเจ็กต์สำหรับโปรเจ็กต์ที่ต้องการ (my-first-project) ดังที่แสดงด้านล่าง

5320283391de099c.png

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

bb282af8320ef8d0.png

คุณยังเพิ่มโฟลเดอร์ลงในโปรเจ็กต์ได้อีก (ผ่านเพิ่มโฟลเดอร์) แต่ตอนนี้เราพอใจกับโฟลเดอร์นี้แล้วและสามารถคลิกปุ่มสร้างได้

ตอนนี้คุณปิดหน้าการตั้งค่าได้แล้ว

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

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

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

953ee243f3e65036.png

มาทักทายเอเจนต์ด้วยข้อความ แล้วเอเจนต์จะตอบกลับตามนั้น

b53c19d6d7274c82.png

ฉันมีคำขออื่นที่จะให้ฉันรับข่าวสารและมันก็ทำงานได้ดี

43f3886d4bca5dae.png

การสนทนา

สิ่งที่เราทำที่นี่คือในโปรเจ็กต์ (my-first-project) เราได้เริ่มชุดข้อความสนทนา และตอนนี้มีชุดข้อความ (ข้อความของผู้ใช้และการตอบกลับของตัวแทน) ที่อยู่ในชุดข้อความ

คุณจะเห็นว่าชุดข้อความการสนทนานี้ยังคงเป็นชุดข้อความเดียวและปรากฏทางด้านซ้ายซึ่งจัดกลุ่มไว้ภายใต้โปรเจ็กต์

448160138e3a7106.png

ตอนนี้เรามาทำสิ่งที่น่าสนใจและตั้งชื่อให้กับเธรดการสนทนานี้กัน เราจะตั้งชื่อว่า conv-introduction

โดยคลิกจุดแนวตั้ง 3 จุดข้างการสนทนา โดยจะแสดงตัวเลือก 3 รายการ เลือกการดำเนินการเปลี่ยนชื่อ

1e750110f8e7d1fe.png

ตั้งค่าเป็น conv-introduction หรือชื่อใดก็ได้ที่คุณเข้าใจ

ตอนนี้ หากต้องการสนทนาใหม่ทั้งหมดในโปรเจ็กต์ ให้คลิกเครื่องหมาย + (การสนทนาใหม่ในโปรเจ็กต์) ข้างโปรเจ็กต์ตามที่แสดงด้านล่าง

944092664309cc80.png

ตอนนี้คุณอยู่ในการสนทนาใหม่โดยสิ้นเชิง

มาถามข่าวสารเกี่ยวกับกีฬาจากทั่วโลกกัน โปรดทราบว่าเรายังอยู่ใน my-first-project ซึ่งก็คือ "ขอดูข่าวกีฬาจากทั่วโลกหน่อย (Give me some sports news from across the world)"

ซึ่งจะแสดงข่าวสารเกี่ยวกับโลกกีฬา และคุณจะเห็นว่าตอนนี้เรามีชุดข้อความการสนทนา 2 ชุดในโปรเจ็กต์เดียวกัน

18d6ebc522324b9f.png

มาเปลี่ยนชื่อการสนทนานี้เป็น conv-sportsnews กัน หากต้องการดูการสนทนาทั้งหมดที่เกิดขึ้นจนถึงตอนนี้ ให้ไปที่ประวัติการสนทนาที่ด้านซ้ายบนตามที่แสดงด้านล่าง

706b6ff39ee87842.png

คุณมีตัวเลือกในการเริ่มการสนทนาใหม่ในโปรเจ็กต์ปัจจุบันหรือโปรเจ็กต์ใหม่ผ่านตัวเลือกการสนทนาใหม่ที่ด้านบนได้ทุกเมื่อ

การตั้งค่าโปรเจ็กต์

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

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

91bc80894f8cb9e4.png

ซึ่งจะนำคุณไปที่การตั้งค่าโปรเจ็กต์ที่เฉพาะเจาะจง (เช่น my-first-project) ดังที่แสดงด้านล่าง

96fa01d6fbfde690.png

สังเกตที่ด้านซ้ายใต้โปรเจ็กต์ว่ามีการเลือก my-first-project หากมีโปรเจ็กต์อื่นๆ โปรเจ็กต์เหล่านั้นจะปรากฏในรายการนี้ และคุณสามารถเลือกโปรเจ็กต์ใดก็ได้และปรับแต่งการตั้งค่าตามต้องการได้อย่างง่ายดาย

ตอนนี้มาโฟกัสที่ด้านขวา ซึ่งเป็นการตั้งค่าโปรเจ็กต์ที่แสดงสำหรับ my-first-project คุณจะเห็นว่ามีโฟลเดอร์เดียวที่เราเพิ่มลงในโปรเจ็กต์นี้ คุณยังเพิ่มโฟลเดอร์เพิ่มเติมได้จากที่นี่ด้วย

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

ซึ่งได้แก่

  • ค่าที่กำหนดล่วงหน้าด้านความปลอดภัย: คุณสามารถกำหนดได้ว่าต้องการให้คำสั่งเทอร์มินัลและการเข้าถึงไฟล์ทั้งหมดได้รับการตรวจสอบจากคุณก่อนหรือไม่ ก่อนที่ตัวแทนจะดำเนินการได้
  • ลักษณะการทำงานของเอเจนต์: ในกรณีที่สร้างอาร์ติแฟกต์ เช่น implementation_plan.md ซึ่งคุณต้องการตรวจสอบก่อนขอให้เอเจนต์ดำเนินการตามแผน
  • สิทธิ์ต่างๆ ในเครื่อง เช่น เส้นทางไฟล์ที่อนุญาตให้เข้าถึง, URL ที่อนุญาตหรือบล็อกสำหรับ Agent เป็นต้น
  • คุณยังกำหนดค่าได้ด้วยว่าจะอนุญาตให้ใช้เครื่องมือ MCP ใดบ้างสำหรับโปรเจ็กต์นี้ ซึ่งมีประโยชน์อย่างยิ่งในการป้องกันไม่ให้เซิร์ฟเวอร์ MCP ที่กำหนดค่าทั่วโลกทั้งหมดพร้อมใช้งานสำหรับ Agent ในโปรเจ็กต์นี้

หมายเหตุ: คุณสามารถไปที่การตั้งค่าของ Antigravity หรือแม้แต่การตั้งค่าโปรเจ็กต์ได้ทุกเมื่อผ่านตัวเลือกการตั้งค่าหลักในอินเทอร์เฟซของ Antigravity

116d0ef65efd4919.png

4. คำสั่งเครื่องหมายทับ

Antigravity มีคำสั่งเครื่องหมายทับ / ที่น่าสนใจให้ใช้งาน ในอินเทอร์เฟซแชทของการสนทนา หากคุณพิมพ์ / คุณควรเห็นคำสั่งตามที่แสดงด้านล่าง

7a787a910299bb6f.png

คำสั่ง /plan มีความสำคัญหากคุณต้องการให้โมเดลสร้างแผนการใช้งานก่อนดำเนินการ

คำสั่ง /browser ใช้สำหรับเปิดเบราว์เซอร์และขอให้เบราว์เซอร์ทำบางอย่าง

ลองไปที่เว็บไซต์ตามที่แสดงด้านล่าง

1a23771f8cc1f7d2.png

ซึ่งจะสร้างเอเจนต์ย่อยของเบราว์เซอร์ที่พยายามเปิดเซสชันการแก้ไขข้อบกพร่องด้วย Chrome และขอสิทธิ์จากคุณก่อน

1380710b74477b94.png

เมื่ออนุญาตแล้ว เบราว์เซอร์จะเข้าชมเว็บไซต์ รับข่าวสารล่าสุด แล้วส่งข้อมูลกลับมาให้คุณใน Antigravity

คำสั่ง /schedule มีประโยชน์หากคุณต้องการตั้งค่างานที่เกิดซ้ำหรือแบบครั้งเดียวให้ตัวแทนดำเนินการตามช่วงเวลาที่กำหนดหรือตามกำหนดเวลา (เช่น 09:00 น. ในวันจันทร์และวันพุธ)

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

5. การกำหนดเวลาคำสั่ง

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

4749901a164cd1ad.png

มาสร้างงานประจำวันที่ช่วยเตือนการประชุมเวลา 18:00 น. ทุกวันกัน คลิกใหม่ แล้วกรอกรายละเอียดตามที่แสดงด้านล่าง

41865ad9a5242407.png

คลิกเพิ่มงานที่กำหนดเวลาไว้ แล้วระบบจะเพิ่มงานไปยังรายการงานที่กำหนดเวลาไว้ดังที่แสดงด้านล่าง

a4cecc4896c59893.png

มาเพิ่มอีกอันที่ช่วยเตือนให้เราพักทุกๆ 20 นาทีกัน

e3b75ee01010eb9.png

ตอนนี้เรามีงานที่กำหนดเวลาไว้ 2 งาน ดังที่แสดงด้านล่าง

6d122472143e48f3.png

คุณปิดใช้หรือลบงานใดก็ได้ โปรดทราบว่าเราใช้พรอมต์พื้นฐาน แต่พรอมต์ของคุณอาจมีรายละเอียด อาจเรียกใช้เครื่องมือ (พูดคุยกับระบบภายนอก) และทำงานอื่นๆ อีกมากมายเบื้องหลังเป็นระยะๆ ตามข้อกำหนดของคุณ

6. เซิร์ฟเวอร์ Model Context Protocol (MCP)

Model Context Protocol (MCP) เป็นมาตรฐานที่ช่วยเชื่อมต่อ Agent กับระบบภายนอก โดยมีบทบาทสำคัญในการช่วยให้มั่นใจว่าเอเจนต์จะยังคงอิงตามข้อมูลและการผสานรวมของคุณ

Antigravity รองรับเซิร์ฟเวอร์ MCP ทั้งในเครื่องและระยะไกล นอกจากนี้ ยังมาพร้อมกับการผสานรวมกับเซิร์ฟเวอร์ MCP หลายตัวที่ทำงานร่วมกับบริการของ Google Cloud และติดตั้งได้ง่ายๆ เพียงคลิกเดียวพร้อมข้อมูลการกำหนดค่าเพียงเล็กน้อย

Antigravity 2.0 เวอร์ชันล่าสุดช่วยให้เพิ่มเซิร์ฟเวอร์ MCP ลงใน Antigravity ได้อย่างง่ายดาย

ไปที่การตั้งค่า → การปรับแต่ง แล้วคุณจะเห็นการกำหนดค่าเซิร์ฟเวอร์ MCP ดังที่แสดงด้านล่าง

89d50243aed4856c.png

ไปที่ส่วนเซิร์ฟเวอร์ MCP ที่ติดตั้งในการกำหนดค่าด้านบนตามที่แสดงด้านล่าง

432b2cda46e7bdea.png

หากคลิกปุ่มเปิดการกำหนดค่า MCP ระบบจะนำคุณไปยังไฟล์ที่อยู่ใน $HOME/.gemini/config/mcp_config.json และนั่นคือที่เก็บการกำหนดค่าทั้งหมด หากคุ้นเคยกับไฟล์การกำหนดค่าเซิร์ฟเวอร์ MCP คุณจะแก้ไขและบันทึกเนื้อหาในไฟล์ได้โดยตรง

คุณจะเห็นว่าตอนนี้กล่องจดหมายว่างเปล่า

หากต้องการกำหนดค่าเซิร์ฟเวอร์ MCP สิ่งที่คุณต้องทำคือคลิกปุ่มเพิ่ม MCP

ซึ่งจะแสดงรายการการกำหนดค่าล่วงหน้าจำนวนมากที่พร้อมใช้งานสำหรับเซิร์ฟเวอร์ MCP หลายรายการ โดยเฉพาะบริการของ Google Cloud ที่จัดแพ็กเกจเป็นเซิร์ฟเวอร์ MCP หน้าจอจะแสดงดังนี้

1d46682186dc5401.png

คุณเพิ่มได้เลย เช่น ฉันคลิกเพิ่มข้างเซิร์ฟเวอร์ MCP ของ Google Cloud Run และระบบได้ติดตั้งเซิร์ฟเวอร์ดังกล่าว

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

66d195b938e01842.png

หากคลิกปุ่มเปิดการกำหนดค่า MCP คุณจะเห็นว่ามีการเพิ่มรายการลงในไฟล์ mcp_config.json ดังที่แสดงด้านล่าง

{
 "mcpServers": {
   "cloudrun": {
     "command": "npx",
     "args": [
       "-y",
       "@google-cloud/cloud-run-mcp"
     ]
   }
 }
}

หากคุณทำงานกับเซิร์ฟเวอร์ MCP ระยะไกลที่มีอยู่แล้ว คุณเพียงแค่เพิ่มรายละเอียดลงในไฟล์ $HOME/.gemini/config/mcp_config.json

หากต้องการใช้เซิร์ฟเวอร์ MCP ที่กำหนดค่าไว้ คุณสามารถถาม Antigravity เกี่ยวกับสิ่งที่ต้องใช้เซิร์ฟเวอร์ MCP ได้ เช่น คุณสามารถcloudrun-mcpเปิดใช้เซิร์ฟเวอร์Build and deploy a Cloud Run serviceและถาม Antigravity ดังนี้ ซึ่งจะแจ้งให้ Antigravity ค้นหาและใช้เซิร์ฟเวอร์ cloudrun-mcp เพื่อกำหนดค่าและติดตั้งใช้งานบริการ Cloud Run

7. อาร์ติแฟกต์

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

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

ต่อไปนี้คืออาร์ติแฟกต์หลักที่ Antigravity อาจสร้างขึ้น

  • Task Lists: ก่อนเขียนโค้ด Agent สามารถเลือกสร้างแผนที่มีโครงสร้างได้ โดยปกติแล้ว คุณไม่จำเป็นต้องแก้ไขแผนนี้ แต่สามารถตรวจสอบและในบางกรณีอาจเพิ่มความคิดเห็นเพื่อเปลี่ยนแปลงได้หากจำเป็น
  • Implementation Plan: ระบบจะสร้างแผนการติดตั้งใช้งานก่อนเริ่มทำงานให้เสร็จเมื่อใช้คำสั่ง /plan แผนเหล่านี้มีรายละเอียดทางเทคนิคเกี่ยวกับสิ่งที่ต้องแก้ไข และมีไว้เพื่อให้ผู้ใช้ตรวจสอบ เว้นแต่คุณจะตั้งค่านโยบายการตรวจสอบอาร์ติแฟกต์เป็นดำเนินการต่อเสมอ
  • Walkthrough: อาจสร้างขึ้นเมื่อ Agent ดำเนินการตามงานเสร็จแล้ว โดยเป็นข้อมูลสรุปของการเปลี่ยนแปลงและวิธีทดสอบ
  • Code diffs: แม้ว่าจะไม่ใช่สิ่งประดิษฐ์ในทางเทคนิค แต่ Antigravity ก็สร้างความแตกต่างของโค้ดที่คุณสามารถตรวจสอบและแสดงความคิดเห็นได้
  • Screenshots: เอเจนต์อาจบันทึกสถานะของ UI ก่อนและหลังการเปลี่ยนแปลง

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

/plan Design a Node application that I can run from the command line to get me the latest news from Google.

Agent เริ่มทำงานและกลับมาพร้อมกับอาร์ติแฟกต์แรกของเรา นั่นคือแผนการติดตั้งใช้งาน

e5f7bdf6da2674d8.png

คุณดูอาร์ติแฟกต์ที่ Antigravity สร้างขึ้นได้โดยสลับแผงเสริมที่แสดงที่มุมขวาบน

94738a4b59d84fd7.png

หากสลับแผงเสริม คุณจะเห็นเอาต์พุตต่อไปนี้ ซึ่งระบุว่ามีการสร้างอาร์ติแฟกต์ 1 รายการ (แผนการติดตั้งใช้งาน)

3ad614ce81650142.png

คลิกแผนการติดตั้งใช้งานเพื่อดูรายละเอียดตามที่แสดงด้านล่าง

436c5ba0aaf5d798.png

ตอนนี้เราพอใจกับแพ็กเกจนี้แล้ว เพียงคลิกปุ่มดำเนินการต่อเพื่อไปยังขั้นตอนถัดไป

ระบบอาจขอสิทธิ์เพื่อดำเนินการต่อ โปรดให้สิทธิ์ดังกล่าว

เมื่อทุกอย่างเสร็จสมบูรณ์ ทดสอบ และได้รับการยืนยันจากตัวแทนแล้ว คุณจะได้รับข้อความแจ้งว่างานเสร็จสมบูรณ์แล้ว

7eaddf108730465d.png

อีกอาร์ติแฟกต์หนึ่งที่คุณอาจเห็นคือคำแนะนำแบบทีละขั้นตอนพร้อมกับส่วนต่างของไฟล์ดังที่แสดงด้านล่าง

f9baccfa8f193661.png

คุณอาจไม่จำเป็นต้องใช้เอดิเตอร์ / IDE ที่มีฟีเจอร์ครบถ้วนเพื่อดูไฟล์ที่สร้างขึ้น คุณสามารถคลิกไฟล์ package.json หรือ index.js แล้วจะดูเนื้อหาและแสดงความคิดเห็นได้

8. Antigravity IDE

คุณเลือกใช้ Antigravity IDE ที่เราติดตั้งไว้ก่อนหน้านี้ใน Codelab นี้ได้ หากต้องการใช้ IDE คุณจะเห็นว่าเมื่อสลับแผงเสริมในอินเทอร์เฟซหลักของ Antigravity จะมีตัวเลือกเปิด IDE

94738a4b59d84fd7.png

คลิกที่ลิงก์เพื่อเปิด Antigravity IDE คุณอาจเห็นคำเตือนเมื่อเปิดตัว Antigravity IDE ซึ่งมีลักษณะดังนี้

d5919244c996af7f.png

ซึ่งเป็นเรื่องปกติ คลิกใช่ ซึ่งจะแสดง Antigravity IDE ซึ่งผู้ที่เคยใช้ IDE มาก่อนน่าจะคุ้นเคย โดยจะมีโฟลเดอร์/ไฟล์ทั้งหมดที่สร้างขึ้น เอดิเตอร์ และแผง Agent ซึ่งคุณสามารถแชทกับ Agent เกี่ยวกับโค้ด (อธิบาย สร้าง แก้ไข ฯลฯ)

f6af75f8e99cbbc6.png

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 ในโปรเจ็กต์ที่คุณเลือก แล้วป้อนพรอมต์ต่อไปนี้

732820afe6db3ce0.png

โดยควรแสดงทักษะการตรวจสอบโค้ด

ลองเลย

สร้างไฟล์ใหม่ชื่อ 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

ตัวอย่างเอาต์พุตแสดงอยู่ด้านล่าง

a6e2b1b775feda28.png

10. บทสรุป

ยินดีด้วย ตอนนี้คุณได้ติดตั้ง Antigravity 2.0 กำหนดค่าสภาพแวดล้อม และเรียนรู้วิธีควบคุมเอเจนต์เรียบร้อยแล้ว

ขั้นตอนถัดไป หากต้องการดูการทำงานของ Antigravity 2.0 ในการสร้างแอปพลิเคชันในโลกแห่งความเป็นจริง คุณสามารถดู Codelab ต่อไปนี้

เอกสารอ้างอิง