網站截圖代理：使用 Google Antigravity 自動化網站快照與 Markdown 報告生成
大規模擷取網站、監控競爭對手頁面，並輸出結構化的 Markdown 報告，用於稽核、市場追蹤以及定期研究——一切皆由 Google Antigravity 的 website-screenshot-agent 技能驅動。
問題：網站監控仍然是繁瑣的手動工作
如果你曾負責監控競爭對手網站、追蹤價格變動、稽核多頁面的合規情況，或只是為報告擷取線上網站的截圖，你一定明白那種痛苦。這是一個重複又耗時的手動循環：打開瀏覽器、導向正確的 URL、拍攝截圖、把相關內容複製貼到文件裡，然後重複這一切。對一兩頁來說還行，五十頁呢？完全不可持續。
多數團隊會用脆弱的 Selenium 腳本、昂貴的第三方監控 SaaS，或是——老實說——共用試算表加上好意圖。這些方法都無法良好擴展，且都需要有人持續建立、維護與監控工具。
website-screenshot-agent 技能 改變了這一切。它是為 Google Antigravity 的代理管理器所設計，使你的 AI 代理能夠大規模擷取整頁網站截圖，並自動將其轉換為結構化的 Markdown 報告——自動執行、排程進行，無需任何手動操作瀏覽器。
Website Screenshot Agent 的功能
這個技能的核心為你的 Antigravity 代理增添了兩個能力：
自動化網站截圖。 你的代理可導向任意公開 URL 並擷取整頁截圖——不只畫面可見部分，而是整個已渲染頁面，從頂部橫幅到頁尾皆包含在內。截圖將儲存為高解析度的影像檔，可供檢視、分享或封存。
結構化 Markdown 報告。 除了視覺擷取外，代理還會將頁面內容提取為結構化的 Markdown：標題、段落、清單、連結與表格資料。最終生成可機器讀取的報告，可供搜尋、與先前快照比較（diff），或導入後續分析流程。
結合這兩項能力，網站不再只是視覺終點，而成為你的代理可操作的資料來源。
關鍵應用情境
競爭對手頁面監控
行銷與產品團隊需要知道競爭對手何時更新訊息、調整價格、推出新功能或重新定位價值主張。過去團隊會每週手動檢查一份競爭對手頁面清單。有了 website-screenshot-agent，你的 Antigravity 代理可執行定期任務：造訪 URL、擷取截圖、生成 Markdown 報告，並標註自上次快照以來的變化。
結構化的 Markdown 輸出在這裡特別有價值。你可以程式化地比較同一頁的兩個版本，獲得精準的變更記錄——「他們移除了『免費試用』按鈕」、「價格從 $49 降至 $39」、「新增了整合服務區塊」。這是可採取行動的情報，而非一堆永遠不會被打開的截圖。
合規與設計稽核
對於大規模運作的團隊而言，要在數十個登陸頁、產品頁與文件網站之間維持一致性，是長期的挑戰。website-screenshot-agent 讓你擷取每個頁面的當前狀態，並生成可系統檢視的結構化報告。
設計稽核人員可將截圖與設計指南比對。法務與合規團隊可確認必要的聲明、服務條款與隱私政策是否存在且為最新版本。Markdown 報告讓全站搜尋特定用語或條款變得輕鬆高效。
定期市場研究
研究流程經常涉及在固定時間從多個來源收集資訊。價格頁、功能比較矩陣、合作夥伴名錄及文件更新——這些內容不斷變化。website-screenshot-agent 將每個來源轉化為帶有時間戳記的資料點。
隨時間推移，你可建立市場變化的縱向資料集。哪些競爭者新增了 AI 功能？哪些 SaaS 產品改變了資費結構？哪些開源專案更新了開發路線圖？代理負責擷取證據；結構化報告使資料可分析。
客戶報告與代理工作流程
代理商與顧問常需在特定里程碑紀錄客戶網站狀態——例如改版前後、活動發佈後或季度檢討時。website-screenshot-agent 自動化此記錄流程：排程擷取、提供視覺證據與結構化內容提取，並以一致報告交付。
它在 Antigravity 中的運作方式
此技能遵循所有 Felo Skills for Google Antigravity 的「安裝後即可忘記」模式。你只需將技能資料夾複製到 .agent/skills/ 目錄中，提交至 Git，每位開發者的 Antigravity 實例都會自動載入。
安裝後，當代理任務符合其語意描述（涉及網站擷取、頁面監控或視覺稽核）時，技能會自動啟用。SKILL.md 檔案用作觸發機制：當代理遇到需要擷取網站的任務時，它會自動載入該技能，無需任何斜線指令或手動操作。
工作流程
-
任務指派。 代理接收指令，如「監控以下五個競爭者的價格頁並報告任何變化」。
-
技能啟用。 代理管理器辨識該任務需進行網站截圖，便自動啟用 website-screenshot-agent 技能。
-
擷取與提取。 代理造訪每個 URL，擷取整頁截圖並將頁面內容提取為結構化 Markdown。
-
報告生成。 代理將結果整理成格式化報告，包含截圖與結構化內容。若存在前一版本快照，代理會比較內容並突顯變化。
-
交付。 報告以 Markdown 檔形式提交至你的工作區——可搜尋、可版本化，並可進一步分析。
彈性設定
此技能支援多種擷取模式：
- 整頁截圖：完整紀錄任何頁面的視覺狀態。
- 目標擷取：聚焦特定段落或視窗區域。
- 批次處理：在單一代理任務中監控多個 URL。
- 排程執行：透過 Antigravity 的任務排程功能，啟用定期監控，無需手動觸發。
為何此法優於傳統做法
無須維護基礎設施
傳統網站監控工具需伺服器、排程任務、瀏覽器自動化框架與持續維護。website-screenshot-agent 直接在 Antigravity 的代理管理器中運行，團隊已經在使用該環境。無需額外基礎設施、無需守護程式、無需輪換 API 金鑰。
原生代理輸出
多數截圖工具僅提供影像檔，這對視覺參考有用，卻不是可用資料。website-screenshot-agent 同時產生截圖與結構化 Markdown 報告，使輸出立即可用於分析、搜尋、比較與整合至其他流程。
透過 Git 共享
如同所有 Felo Skills，website-screenshot-agent 以資料夾形式分佈於你的程式庫中。當你將技能提交至 Git，每位團隊開發者都會自動獲得相同能力。無需個人設定、無設定偏差、也不會出現「只在我電腦上能跑」的問題。
語意觸發的上下文啟用
此技能不依賴手動排程。當代理任務需要時，它才自動啟用——由 SKILL.md 檔的語意匹配所觸發。這代表能力隨時可用，卻永不干擾日常操作。你的代理照常工作，技能僅在任務確實需要網站擷取時介入。
更廣的視角：打造完整監控堆疊
website-screenshot-agent 技能與其他 Felo Skills 搭配使用時最具威力，將 Antigravity 的工作流程推向全方位監控：
- 搭配 felo-search，在視覺擷取之外補足即時市場研究資料，如最新價格與公告。
- 結合 felo-livedoc，維持持續更新的競爭對手定位知識庫，供代理跨階段參考。
- 與 felo-slides 搭配，自動從監控報告生成簡報投影片，用於利害關係人更新。
- 整合 felo-web-fetch，在需要更深層資料抽取時，擴充截圖功能以獲取結構化內容。
這就是 Felo Skills 的模式：每個技能填補一個特定功能空缺，集合起來即可將你的 Antigravity 代理管理器從規劃工具轉化為可產出真實、可重用成果的生產系統。
快速開始
安裝不到一分鐘：
# Clone the Felo skills repository
git clone https://github.com/Felo-Inc/felo-skills.git
# Copy the website-screenshot-agent skill to your Antigravity skills folder
cp -r felo-skills/website-screenshot-agent ~/.gemini/antigravity/skills/
接著將技能資料夾提交到團隊的 Git .agent/skills/ 目錄中。每位開發者的 Antigravity 實例在下次拉取時都會自動載入。
此技能可免費使用並向社群開放。你可在 felo.ai/skills/antigravity 瀏覽所有可用技能、比較功能並獲取完整安裝指南。
結語
網站監控不必再是手動負擔或維護密集的基礎設施專案。Google Antigravity 的 website-screenshot-agent 技能賦予你的 AI 代理大規模擷取網站、提取結構化內容並生成報告的能力——全程融入團隊現有工作流程中。
無論你在追蹤競爭對手變更、進行合規稽核、執行定期市場研究，或記錄客戶網站，這項技能都能將繁瑣的手工流程轉化為自動化、可靠且可搜尋的工作流程。
在 felo.ai 探索更多技能與功能。
本文也提供以下語言版本：English、简体中文、日本語、한국어、हिन्दी、Français、العربية、Русский、اردو、Bahasa Indonesia、Deutsch、Tiếng Việt、Türkçe、Italiano、ไทย、Español、বাংলা、Português。