Scenario 01
QA 문서화
에이전트 작업이 QA 보고서를 위해 UI 플로우의 현재 상태를 캡처하는 것을 포함합니다.
QA 보고서를 위해 현재 체크아웃 플로우의 상태를 캡처해 주세요.
Website Screenshot Agent Google Antigravity 스킬
Antigravity의 Browser Subagent는 Chrome을 제어할 수 있지만, 스크린샷을 캡처하고, 주석을 달고, 구조화된 보고서로 정리하는 것은 다른 작업입니다. Website Screenshot Agent는 마크다운 캡처 계획을 읽고, 각 URL을 방문하고, 스크린샷을 찍고, 인증된 페이지를 처리하고, 팀이 검토하고 공유할 수 있는 문서화된 보고서를 조합합니다.
작동 방식
doc-screenshot-agent가 자동으로 트리거되는 에이전트 작업
Antigravity의 Agent Manager가 doc-screenshot-agent로 라우팅하는 프롬프트입니다. 텍스트만이 아닌 시각적 증거가 필요한 작업에 사용됩니다.
01 · 사용자
프롬프트 전송
Antigravity에서 작업을 입력합니다. 특별한 문법이 필요 없어요.
02 · Agent Manager
작업 분석
Gemini 3가 작업을 계획하고 지식 컷오프 위험을 감지합니다.
03 · SKILL.md 라우터
시맨틱 매칭
SKILL.md 설명이 작업과 일치하면 스킬이 로드됩니다.
04 · 스킬
스킬 실행
매칭된 스킬이 실행되어 데이터를 가져오거나 처리합니다.
05 · 출력
인용 답변 인라인 표시
출처 링크가 포함된 구조화된 답변이 에이전트에 반환됩니다.
Scenario 02
변경 전후 비교
에이전트가 시각적 증거와 함께 UI 변경 사항을 문서화해야 합니다.
릴리스 노트를 위해 리디자인 전후의 로그인 페이지를 캡처해 주세요.
Scenario 03
경쟁사 UI 분석
에이전트 작업이 디자인 리뷰를 위해 경쟁사의 UI를 캡처하고 분석하는 것을 포함합니다.
Linear의 이슈 상세 페이지를 스크린샷하고 사용된 UI 패턴을 추출해 주세요.
작동 방식
doc-screenshot-agent가 Antigravity에 추가하는 기능
IDE를 벗어나지 않고 에이전트가 시각적 증거를 캡처하고 추론할 수 있는 6가지 기능.
시각적 증거 캡처
에이전트가 문서화 또는 QA 작업의 일환으로 모든 URL의 스크린샷을 캡처합니다.
요소 수준 캡처
전체 페이지 스크린샷이 아닌 특정 UI 요소나 페이지 섹션을 대상으로 합니다.
스크린샷-텍스트 변환
추가 에이전트 추론을 위해 캡처된 스크린샷에서 읽을 수 있는 텍스트를 추출합니다.
변경 전/후 비교
에이전트가 시각적 차이 문서화를 위해 변경 전후 상태를 캡처합니다.
아티팩트 저장
스크린샷이 저장되고 에이전트 출력에서 URL로 참조됩니다.
SKILL.md 자동 라우팅
에이전트 작업에 시각적 문서화, QA, 또는 UI 검증이 포함될 때 활성화됩니다.
사용 사례
실제 작업, 실제 워크플로
개발자들이 Antigravity에서 이 스킬을 활용하는 방법 — 빠른 조회부터 복잡한 멀티스텝 워크플로까지.
01
QA 문서화
에이전트 작업이 QA 보고서를 위해 UI 플로우의 현재 상태를 캡처하는 것을 포함합니다.
❯QA 보고서를 위해 현재 체크아웃 플로우의 상태를 캡처해 주세요.
02
변경 전후 비교
에이전트가 시각적 증거와 함께 UI 변경 사항을 문서화해야 합니다.
❯릴리스 노트를 위해 리디자인 전후의 로그인 페이지를 캡처해 주세요.
03
경쟁사 UI 분석
에이전트 작업이 디자인 리뷰를 위해 경쟁사의 UI를 캡처하고 분석하는 것을 포함합니다.
❯Linear의 이슈 상세 페이지를 스크린샷하고 사용된 UI 패턴을 추출해 주세요.
Installation
Antigravity 내에서 구조화된 시각적 캡처를 위한 3단계
일단 설치되면 Agent Manager는 작업에 시각적 증거가 필요할 때 doc-screenshot-agent를 트리거합니다 — 에이전트가 캡처 계획을 읽고 자동으로 문서화된 보고서를 생성합니다.
방법 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 를 Antigravity 글로벌 스킬 디렉토리에 설치해 주세요.
에이전트가 클론, 복사, 디렉터리 설정을 처리합니다 — 터미널 불필요
1
.agent/skills/에 스킬 복사
Felo 스킬 저장소를 클론하고 doc-screenshot-agent를 Git을 통해 팀 전체 접근을 위한 .agent/skills/에 복사하세요. SKILL.md 설명이 시각적 페이지 캡처나 UI 문서화가 필요한 작업에서 활성화합니다.
2
마크다운 캡처 계획 작성
캡처할 URL, 섹션, 증거를 나열한 .md 파일을 만드세요. 스킬이 계획을 읽고, 순서대로 각 페이지를 방문하고, 지시에 따라 스크린샷을 정리합니다 — 자격증명이 설정된 경우 인증된 페이지도 포함.
3
에이전트가 구조화된 시각 보고서를 제공합니다
스킬이 캡처 계획에 따라 정리된 스크린샷이 포함된 마크다운 보고서를 생성합니다. Agent Manager는 이 보고서를 더 큰 결과물에 포함할 수 있습니다 — 경쟁 분석, QA 요약, 디자인 리뷰 — 수동 스크린샷 작업 없이.
별도 설정이 필요 없습니다. 스킬 폴더 내의 SKILL.md 파일이 Antigravity의 Agent Manager에게 언제 활성화할지 알려줍니다. 폴더가 제자리에 놓이면 에이전트가 프롬프트를 기반으로 자동으로 스킬을 라우팅합니다.
FAQ
Website Screenshot Agent × Google Antigravity — 자주 묻는 질문
Browser Subagent는 대화형입니다 — 클릭, 스크롤하고 실시간으로 에이전트의 지시에 응답합니다. doc-screenshot-agent는 배치 지향적입니다: 마크다운 캡처 계획을 제공하면 전체 목록을 실행하고 구조화된 보고서를 생성합니다. 캡처해야 할 것을 정확히 알고 있는 체계적인 문서화 작업에 더 적합합니다.
감사, 리뷰, 모니터링을 위한 시각적 증거 레이어를 Antigravity 에이전트에 제공
doc-screenshot-agent를 .agent/skills/에 설치하고 Agent Manager가 리서치 또는 QA 워크플로의 일부로 웹 페이지를 캡처, 주석 달기, 보고하도록 하세요.
API 키 하나. .agent/skills/에 커밋하면 에이전트가 시각적 웹을 문서화할 수 있습니다 — 인증된 페이지 포함.
