Scenario 01
เอกสาร QA
งานของ Agent เกี่ยวข้องกับการบันทึกสถานะปัจจุบันของ UI flow สำหรับรายงาน QA
บันทึกสถานะปัจจุบันของ checkout flow ของเราสำหรับรายงาน QA
Website Screenshot Agent ทักษะ Google Antigravity
Browser Subagent ของ Antigravity สามารถควบคุม Chrome ได้ แต่การจับภาพ annotate และจัดระเบียบ screenshots เป็นรายงานที่มีโครงสร้างเป็นงานคนละประเภท Website Screenshot Agent อ่าน Markdown capture plan เยี่ยมชม URL แต่ละ URL จับภาพหน้าเว็บ จัดการหน้าที่ต้อง authenticate และรวบรวมรายงานที่จัดทำเอกสารแล้วที่ทีมตรวจสอบและแชร์ได้
วิธีการทำงาน
งานของ Agent ที่เรียกใช้ doc-screenshot-agent โดยอัตโนมัติ
นี่คือ prompt ที่ Agent Manager ของ Antigravity จะส่งต่อไปยัง doc-screenshot-agent — เมื่องานต้องการหลักฐานภาพ ไม่ใช่แค่ข้อความ
01 · ผู้ใช้
ส่งคำสั่งแล้ว
คุณพิมพ์งานใน Antigravity ไม่จำเป็นต้องใช้ไวยากรณ์พิเศษ
02 · Agent Manager
วิเคราะห์งาน
Gemini 3 วางแผนงานและตรวจจับความเสี่ยงจากขีดจำกัดความรู้
03 · เราเตอร์ SKILL.md
การจับคู่เชิงความหมาย
คำอธิบาย SKILL.md ตรงกับงาน ทักษะถูกโหลดแล้ว
04 · ทักษะ
การดำเนินการทักษะ
ทักษะที่ตรงกันทำงานและดึงหรือประมวลผลข้อมูล
05 · ผลลัพธ์
คำตอบพร้อมอ้างอิงแบบอินไลน์
คำตอบที่มีโครงสร้างพร้อมลิงก์แหล่งที่มาส่งกลับไปยังเอเจนต์
Scenario 02
เปรียบเทียบก่อน/หลัง
Agent ต้องบันทึกการเปลี่ยนแปลง UI ด้วยหลักฐานภาพ
บันทึกหน้า login ก่อนและหลังการออกแบบใหม่สำหรับ release notes
Scenario 03
วิเคราะห์ UI ของคู่แข่ง
งานของ Agent เกี่ยวข้องกับการบันทึกและวิเคราะห์ UI ของคู่แข่งสำหรับ design review
Screenshot หน้า issue detail ของ Linear และดึง UI pattern ที่ใช้
วิธีการทำงาน
สิ่งที่ doc-screenshot-agent เพิ่มให้กับ Antigravity
หกความสามารถที่ให้ agent จับภาพและประมวลผลหลักฐานเชิงภาพได้โดยไม่ต้องออกจาก IDE
การจับหลักฐานเชิงภาพ
agent จับภาพหน้าจอของ URL ใดก็ได้เป็นส่วนหนึ่งของงานเอกสารหรือ QA
การจับภาพระดับ element
เจาะจง element หรือส่วนของหน้าเฉพาะ — ไม่ใช่แค่ภาพเต็มหน้า
สกรีนช็อตเป็นข้อความ
ดึงข้อความที่อ่านได้จากภาพหน้าจอที่จับมาเพื่อการประมวลผลเพิ่มเติมของ agent
เปรียบเทียบก่อน/หลัง
agent จับสถานะก่อนและหลังการเปลี่ยนแปลงสำหรับเอกสาร visual diff
การจัดเก็บ artifact
ภาพหน้าจอถูกจัดเก็บและอ้างอิงโดย URL ในผลลัพธ์ของ agent
การกำหนดเส้นทางอัตโนมัติของ SKILL.md
เปิดใช้งานเมื่องานของ agent เกี่ยวข้องกับเอกสารเชิงภาพ QA หรือการตรวจสอบ UI
กรณีการใช้งาน
งานจริง กระบวนการทำงานจริง
วิธีที่นักพัฒนาใช้ทักษะนี้ใน Antigravity ตั้งแต่การค้นหาอย่างรวดเร็วไปจนถึงกระบวนการทำงานหลายขั้นตอนที่ซับซ้อน
01
เอกสาร QA
งานของ Agent เกี่ยวข้องกับการบันทึกสถานะปัจจุบันของ UI flow สำหรับรายงาน QA
❯บันทึกสถานะปัจจุบันของ checkout flow ของเราสำหรับรายงาน QA
02
เปรียบเทียบก่อน/หลัง
Agent ต้องบันทึกการเปลี่ยนแปลง UI ด้วยหลักฐานภาพ
❯บันทึกหน้า login ก่อนและหลังการออกแบบใหม่สำหรับ release notes
03
วิเคราะห์ UI ของคู่แข่ง
งานของ Agent เกี่ยวข้องกับการบันทึกและวิเคราะห์ UI ของคู่แข่งสำหรับ design review
❯Screenshot หน้า issue detail ของ Linear และดึง UI pattern ที่ใช้
Installation
สามขั้นตอนสู่การจับภาพ visual ที่มีโครงสร้างใน Antigravity
เมื่อติดตั้งแล้ว Agent Manager จะเรียก doc-screenshot-agent เมื่องานต้องการหลักฐานภาพ — agent อ่าน capture plan และผลิตรายงานที่จัดทำเอกสารโดยอัตโนมัติ
���ิธีที่ 1 · Terminal
ติดตั้งผ่านบรรทัดคำสั่ง
โคลนที่เก็บทักษะ Felo และคัดลอกทักษะไปยังไดเรกทอรีทักษะ Antigravity ส่วนกลางของคุณ
# Clone the Felo skills repository
git clone https://github.com/Felo-Inc/felo-skills.git
# Copy this skill to your global Antigravity skills folder
cp -r felo-skills/doc-screenshot-agent ~/.gemini/antigravity/skills/ติดตั้งไปที่ ~/.gemini/antigravity/skills/ — พร้อมใช้งานในทุกโปรเจกต์ของคุณ
วิธีที่ 2 · คำสั่งเอเจนต์
ให้เอเจนต์ติดตั้งให้คุณ
วางคำสั่งนี้ลงใน Antigravity โดยตรง เอเจนต์จะโคลนที่เก็บและคัดลอกทักษะโดยอัตโนมัติ
วางใน Antigravity
ติดตั้ง https://github.com/Felo-Inc/felo-skills ลงในไดเรกทอรีทักษะ Antigravity ส่วนกลางของฉัน
เอเจนต์จัดการการโคลน การคัดลอก และการตั้งค่าไดเรกทอรี ไม่ต้องใช้ terminal
1
คัดลอกทักษะไปยัง .agent/skills/
โคลน Felo skills repo และคัดลอก doc-screenshot-agent ไปยัง .agent/skills/ สำหรับการเข้าถึงทั่วทั้งทีมผ่าน Git คำอธิบาย SKILL.md จะเปิดใช้งานสำหรับงานที่ต้องการการจับภาพ visual หรือ UI documentation
2
เขียน Markdown capture plan
สร้างไฟล์ .md ที่แสดง URLs, ส่วนต่างๆ และหลักฐานที่ต้องการจับ ทักษะอ่าน plan เยี่ยมชมแต่ละหน้าตามลำดับ และจัดระเบียบ screenshots ตามคำแนะนำของคุณ — รวมถึงหน้าที่ต้อง authenticate เมื่อตั้ง credentials ไว้
3
Agent ส่งรายงานภาพที่มีโครงสร้าง
ทักษะผลิตรายงาน Markdown พร้อม screenshots ที่ฝังไว้ จัดระเบียบตาม capture plan ของคุณ Agent Manager สามารถรวมรายงานนี้ไว้ใน deliverable ที่ใหญ่กว่า — การวิเคราะห์คู่แข่ง, สรุป QA, การทบทวนการออกแบบ — โดยไม่ต้องถ่าย screenshot ด้วยตนเอง
ไม่จำเป็นต้องกำหนดค่า ไฟล์ SKILL.md ภายในโฟลเดอร์ทักษะจะบอก Agent Manager ของ Antigravity ว่าเมื่อใดควรเปิดใช้งาน เมื่อวางโฟลเดอร์ไว้แล���ว เอเจนต์จะกำหนดเส้นทางไปยังทักษะโดยอัตโนมัติตามคำสั่งของคุณ
FAQ
Website Screenshot Agent ใน Google Antigravity — คำถามที่พบบ่อย
Browser Subagent เป็น interactive — มันคลิก เลื่อน และตอบสนองต่อคำแนะนำของ agent แบบ real time doc-screenshot-agent เน้น batch: ให้ Markdown capture plan แล้วมันจะดำเนินการรายการทั้งหมด ผลิตรายงานที่มีโครงสร้าง เหมาะกว่าสำหรับงาน documentation เชิงระบบที่คุณรู้ว่าต้องการจับอะไร
มอบชั้นหลักฐานภาพให้ Antigravity agent สำหรับการ audit, การทบทวน และการติดตาม
ติดตั้ง doc-screenshot-agent ใน .agent/skills/ และให้ Agent Manager จับภาพ annotate และรายงานเกี่ยวกับหน้าเว็บเป็นส่วนหนึ่งของ workflow วิจัยหรือ QA
API key เดียว Commit ไปยัง .agent/skills/ และ agent ของคุณสามารถจัดทำเอกสารเว็บแบบ visual — รวมถึงหน้าที่ต้อง authenticate
ทักษะ Antigravity เพิ่มเติม
