Scenario 01
QA डॉक्यूमेंटेशन
Agent task में QA report के लिए UI flow की current state capture करनी है।
QA report के लिए हमारे checkout flow की current state capture करें।
Website Screenshot Agent Google Antigravity स्किल
Antigravity का Browser Subagent Chrome control कर सकता है — लेकिन screenshots को capture, annotate और structured report में organize करना एक अलग काम है। Website Screenshot Agent एक Markdown capture plan पढ़ता है, हर URL visit करता है, screenshots लेता है, authenticated pages handle करता है, और एक documented report assemble करता है जिसे team review और share कर सके।
यह कैसे काम करता है
Agent कार्य जो doc-screenshot-agent को स्वतः trigger करते हैं
ये वो prompts हैं जहाँ Antigravity का Agent Manager doc-screenshot-agent को route करता है — जब task को सिर्फ text नहीं बल्कि visual evidence चाहिए।
01 · उपयोगकर्ता
प्रॉम्प्ट भेजा गया
आप Antigravity में एक काम टाइप करते हैं। कोई विशेष सिंटैक्स नहीं चाहिए।
02 · Agent Manager
काम का विश्लेषण
Gemini 3 काम की योजना बनाता है और नॉलेज कटऑफ़ जोखिम का पता लगाता है।
03 · SKILL.md राउटर
सिमेंटिक मिलान
SKILL.md विवरण काम से मेल खाता है। स्किल लोड हो जाती है।
04 · स्किल
स्किल का निष्पादन
मिलान की गई स्किल चलती है और डेटा लाती या प्रोसेस करती है।
05 · आउटपुट
इनलाइन उद्धृत उत्तर
स्रोत लिंक के साथ संरचित उत्तर एजेंट को वापस भेजा जाता है।
Scenario 02
Before/after तुलना
Agent को visual evidence के साथ UI change document करनी है।
Release notes के लिए redesign से पहले और बाद का login page capture करें।
Scenario 03
प्रतिस्पर्धी UI विश्लेषण
Agent task में design review के लिए competitor का UI capture और analyze करना है।
Linear का issue detail page screenshot करें और उसमें use किए गए UI patterns extract करें।
यह कैसे काम करता है
doc-screenshot-agent Antigravity में क्या जोड़ता है
छह capabilities जो एजेंट्स को IDE छोड़े बिना visual evidence capture करने और उस पर reason करने देती हैं।
विज़ुअल एविडेंस कैप्चर
एजेंट किसी documentation या QA task के हिस्से के रूप में किसी भी URL के screenshots कैप्चर करता है।
एलिमेंट-लेवल कैप्चर
विशिष्ट UI elements या page sections को target करता है — सिर्फ़ full-page screenshots नहीं।
स्क्रीनशॉट-टू-टेक्स्ट
Capture किए गए screenshots से एजेंट के आगे के reasoning के लिए readable text निकालता है।
Before/after तुलना
Visual diff documentation के लिए एजेंट किसी change से पहले और बाद की states capture करता है।
आर्टिफ़ैक्ट स्टोरेज
Screenshots store होते हैं और एजेंट के output में URL के ज़रिए reference किए जाते हैं।
SKILL.md ऑटो-रूटिंग
तब सक्रिय होता है जब एजेंट टास्क में visual documentation, QA या UI verification शामिल हो।
उपयोग के मामले
असली काम, असली वर्कफ़्लो
डेवलपर्स इस स्किल का उपयोग Antigravity के अंदर कैसे करते हैं — त्वरित खोज से लेकर जटिल बहु-चरण वर्कफ़्लो तक।
01
QA डॉक्यूमेंटेशन
Agent task में QA report के लिए UI flow की current state capture करनी है।
❯QA report के लिए हमारे checkout flow की current state capture करें।
02
Before/after तुलना
Agent को visual evidence के साथ UI change document करनी है।
❯Release notes के लिए redesign से पहले और बाद का login page capture करें।
03
प्रतिस्पर्धी UI विश्लेषण
Agent task में design review के लिए competitor का UI capture और analyze करना है।
❯Linear का issue detail page screenshot करें और उसमें use किए गए UI patterns extract करें।
Installation
Antigravity में structured visual capture के लिए तीन आसान steps
एक बार install होने के बाद, Agent Manager doc-screenshot-agent को तब trigger करता है जब task को visual evidence चाहिए — एजेंट capture plan पढ़ता है और automatically documented report produce करता है।
तरीका 1 · टर्मिनल
कमांड लाइन से इंस्टॉल करें
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 को मेरी global Antigravity skills directory में install करें।
एजेंट क्लोनिंग, कॉपी करना और डायरेक्टरी सेटअप संभालता है — कोई टर्मिनल नहीं चाहिए
1
स्किल को .agent/skills/ में copy करें
Felo skills repo clone करें और doc-screenshot-agent को .agent/skills/ में copy करें ताकि Git के ज़रिए team-wide access हो। SKILL.md description इसे उन tasks के लिए activate करता है जिनमें visual page capture या UI documentation की ज़रूरत हो।
2
एक Markdown capture plan लिखें
एक .md file बनाएं जिसमें वे URLs, sections और evidence listed हों जो आप capture करना चाहते हैं। स्किल plan पढ़ती है, हर page को order में visit करती है, और आपके instructions के अनुसार screenshots organize करती है — authenticated pages भी, जब credentials set हों।
3
एजेंट एक structured visual report देता है
स्किल एक Markdown report produce करती है जिसमें आपके capture plan के अनुसार organized embedded screenshots होते हैं। Agent Manager इस report को एक larger deliverable में include कर सकता है — competitive analysis, QA summary, design review — बिना किसी manual screenshot work के।
कोई कॉन्फ़िगरेशन नहीं चाहिए। स्किल फ़ोल्डर के अंदर SKILL.md फ़ाइल Antigravity के Agent Manager को बताती है कि इसे कब सक्रिय करना है। एक बार फ़ोल्डर सही जगह पर होने के बाद, एजेंट आपके प्रॉम्प्ट के आधार पर स्वचालित रूप से स्किल पर रूट करता है।
FAQ
Website Screenshot Agent Google Antigravity में — अक्सर पूछे जाने वाले प्रश्न
Browser Subagent interactive है — वह real time में एजेंट के instructions पर click, scroll और respond करता है। doc-screenshot-agent batch-oriented है: ��से Markdown capture plan दें और यह पूरी list execute करता है, structured report produce करता है। यह systematic documentation tasks के लिए बेहतर है जहाँ आप जानते हों कि exactly क्या capture करना है।
Antigravity एजेंट को audits, reviews और monitoring के लिए visual evidence layer दें
doc-screenshot-agent को .agent/skills/ में install करें और Agent Manager को किसी भी research या QA workflow के हिस्से के रूप में web pages capture, annotate और report करने दें।
एक API key। .agent/skills/ में commit करें और आपके एजेंट visual web document कर सकते हैं — authenticated pages भी।
