Claude Code
使用 Claude Code 批次擷取公開頁面和登入狀態頁面，並匯出適用於調研、監控和審計任務的 Markdown 報告。
# Install from Plugin Marketplace (package id: doc-image-agent)
/plugin marketplace add Felo-Inc/felo-skills
/plugin install doc-image-agent@felo-ai
Claude Code 外掛 · 網站自動截圖
Website Screenshot Agent for Claude Code — 在終端機中自動擷取網站快照
把 Website Screenshot Agent 加入 Claude Code 後，你就可以批次擷取網站、追蹤頁面變化，並把截圖整理成結構化 Markdown 報告。它非常適合競品調研、網站審計、著陸頁追蹤和週期性快照工作流。
doc-screenshot-agent process cases/competitor-monitoring.md
Reading capture plan and preparing browser sessions...
Capturing websites and writing the Markdown report...
Markdown report written to output/reports/competitor-monitoring.md
Built for competitor research, website monitoring, and recurring snapshot workflows.
一旦調研規模變大，手動網站截圖就會立刻失控
競品調研、網站監控和審計記錄團隊都會遇到同樣的問題：手動擷取頁面太慢、不一致，而且一旦站點數量增加就難以維護。
競品頁面還沒分析完，截圖就已經過時了
價格表、首屏文案、CTA 和功能頁可能幾天內就會變化。等手動整理完一份截圖報告時，部分證據已經不再準確。
手動擷取無法覆蓋 20、50 或 200 個 URL
打開頁面、調整瀏覽器、滾動到目標區域、截圖、重新命名檔案、移動到正確資料夾。只要站點一多，這個流程就會迅速失控。
沒有結構的原始截圖最終只會變成失效證據
一個裝滿截圖的資料夾並不是調研交付物。團隊真正需要的是一份可閱讀的 Markdown 報告，說明抓了什麼、來源在哪裡、結論為何重要。
一個 Agent 替你抓網站，並把 Markdown 報告寫好
Website Screenshot Agent 讀取你的 Markdown 擷取說明，自動擷取網站截圖、處理登入狀態頁面、整理素材，並輸出團隊可審閱、可分享、可提交版本庫的結構化 Markdown 報告。
- 從 Markdown、標題說明或彙總表中解析擷取指令
- 自動擷取著陸頁、價格頁、文件頁、儀表板等網站頁面
- 適用於競品調研、網站監控和週期性快照任務
- 透過配置憑證擷取需要登入的頁面
- 輸出截圖已整理到對應章節的 Markdown 報告
1
PlanList the pages, URLs, and sections you want to capture in Markdown
2
CaptureThe agent opens each site, handles auth, and captures screenshots
3
CompileScreenshots are inserted into a structured Markdown report
4
ShareExport the report for research reviews, audits, or recurring monitoring
在 Claude Code 中安裝 Website Screenshot Agent
將外掛加入 Claude Code，從終端機直接執行自動化網站截圖工作流。
Claude Code 安裝指南
Website Screenshot Agent 能做什麼
六項能力，幫助團隊獲得可重複的網站快照和 Markdown 交付物，而不是一次性的手動截圖。
自動網站截圖擷取
自動打開產品頁、著陸頁、價格頁、文件頁、儀表板等目標頁面，並在合適的視口與解析度下生成整潔截圖。
競品與市場頁面監控
複用同一份擷取計畫，持續追蹤競品文案、價格頁、發布頁和市場變化，而無需每次從頭搭建流程。
Markdown 報告生成
它不只是輸出圖片，還會把截圖整理成可閱讀的 Markdown 報告，方便非同步評審、知識庫沉澱、版本管理和調研交接。
增量更新與重複執行
当大部分頁面已經擷取完成時，你可以重新執行工作流，只更新變更內容，而不必從頭再抓一遍。
登入狀態頁面擷取
只需配置一次憑證，就可以在同一條自動化流程中擷取受保護頁面、內部工具、SaaS 儀表板等登入狀態內容。
適合團隊協作的結構化輸出
原始截圖、處理後素材和最終 Markdown 報告都存放在可預期的目錄中，方便審閱、提交、比對和接入週期性營運流程。
Website Screenshot Agent 最適合這些場景
下面這些高價值工作流需要的不是零散截圖，而是快速、可重複的網站快照。
競品著陸頁調研
場景背景： 產品市場團隊在定位評審前，需要最新的競品首頁、價格頁、功能頁和註冊流程截圖。
擷取選定競品的目標 URL，並輸出一份按公司和頁面類型組織的 Markdown 調研報告。
網站變化監控與快照歸檔
場景背景： 團隊希望按週擷取自家網站、合作夥伴網站或競品頁面，用於記錄文案、設計和結構變化。
執行週期性擷取計畫，重新擷取目標頁面，並為本次監控生成一份新的 Markdown 快照報告。
產品、內容或銷售團隊審計包
場景背景： 發布評審或 battlecard 專案需要公開頁面和登入狀態頁面的截圖，並統一整理到一份可非同步審閱的報告中。
擷取所需的公開頁面和登入狀態頁面，然後把證據整理成結構化 Markdown 審計文件。
從擷取說明到 Markdown 報告，只需 4 步
這條工作流面向可重複的網站擷取，而不是零散的臨時截圖。
1
用 Markdown 列出要擷取的頁面
透過內聯標記、標題說明或彙總表，寫清你希望納入報告的 URL、區域和證據點。
2
執行技能
在 Claude Code 或 OpenClaw 中執行 Website Screenshot Agent。它會讀取擷取計畫、準備瀏覽器環境，並啟動工作流。
3
網站頁面被擷取並整理
技能會打開每個頁面，在需要時處理登入，然後完成截圖擷取，並把原始與處理後的素材存入清晰的輸出結構。
4
生成 Markdown 報告
最終輸出是一份結構化 Markdown 報告，截圖會自動放入對應章節，可直接用於調研評審、審計、非同步分享或版本庫提交。
團隊如何評價 Website Screenshot Agent
這些早期用戶正在用可重複的網站擷取與 Markdown 報告替代零散截圖工作。
★★★★★
“過去每次做競品評審前，我們都要花半天收集截圖。現在一份擷取說明就能輸出有條理的 Markdown 報告，證據順序也完全正確。”
★★★★★
“最大的提升是統一性。現在每次著陸頁評審都複用同一套網站快照流程，團隊不再爭論“少了哪張圖”，而是直接討論發現本身。”
★★★★★
“我們用它做週期性站點審計和內部彙報。登入狀態頁面擷取加上 Markdown 輸出，和團隊現有的工作方式非常契合。”
Website Screenshot Agent 帶來的關鍵成果
1 條流程
從擷取計畫到報告
0 手動
瀏覽器截圖步驟
Markdown
可交付報告輸出
可重複
監控與審計執行
Website Screenshot Agent 常見問題
它和 ScreenshotOne 這樣的截圖 API 有什麼不同？
截圖 API 提供的是單一 URL 到圖片的介面。Website Screenshot Agent 則是一種工作流工具：它讀取 Markdown 擷取說明，打開多個網站，處理登入，完成截圖，整理素材，並寫出最終 Markdown 報告。
Website Screenshot Agent 需要什麼輸入？
它需要一份 Markdown 擷取說明。你可以用內聯標記、基於標題的說明或 Image Summary 表來列出 URL、頁面分組、證據要求和報告結構。
它能擷取需要登入的頁面嗎？
可以。透過環境變數配置憑證後，技能會在截圖前自動登入，用於擷取儀表板、內部工具和其他受保護頁面。
它適合競品調研和週期性網站監控嗎？
非常適合。這正是它的最佳使用場景之一。團隊可以複用同一份 Markdown 擷取計畫，持續收集新的競品截圖，生成週期性網站快照報告，並長期沉澱審計證據。
別再手動截網站圖了
用一條可重複的工作流完成網站擷取、快照歸檔和 Markdown 調研報告輸出。安裝 Website Screenshot Agent，把手工截圖任務變成一條指令。
免費安裝。適用於 Claude Code 和 OpenClaw。非常適合競品調研、網站監控和審計文件工作流。