托克克勞德代碼
使用 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 報告來解釋捕獲的內容、來自何處以及其重要性。
一名代理捕獲網站並為您編寫 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 快照報告。
產品、內容或銷售團隊的審核包
場景背景： 發布審核或戰鬥卡項目需要公共頁面的螢幕截圖和經過身份驗證的產品狀態，所有這些都組織在團隊可以非同步審核的單一報告中。
擷取所需的公開頁面和登入狀態，然後將證據編譯成結構化的 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 手冊
瀏覽器截圖步驟
托克降價
報告就緒輸出
可重複
監控和審計運行
托克威薩常見問題解答
這與 ScreenshotOne 等螢幕截圖 API 有何不同？
螢幕截圖 API 為您提供單一 URL 到圖像端點。 Website Screenshot Agent 是一個工作流程工具：它讀取您的 Markdown 捕獲摘要、打開多個網站、處理身份驗證、捕獲螢幕截圖、組織資產並編寫最終的 Markdown 報告。
Website Screenshot Agent 需要什麼樣的輸入？
它需要 Markdown 捕獲摘要。您可以使用內聯標記、基於標題的說明或 Image Summary 表列出 URL、頁面群組、證據要求或報告部分。
它可以捕獲受登入保護或經過身份驗證的頁面嗎？
是的。透過環境變數配置憑證，技能將在擷取儀表板、內部工具或其他受保護頁面之前登入。
它對於競爭對手研究和定期網站監控有用嗎？
是的。這是最適合的工作流程之一。團隊使用相同的 Markdown 擷取計畫來收集新的競爭對手螢幕截圖，產生重複的網站快照報告，並隨著時間的推移保持審核證據的組織。
停止手動截取網站螢幕截圖
透過一個可重複的工作流程擷取網站、存檔快照並發送 Markdown 研究報告。安裝 Website Screenshot Agent 並將手動螢幕截圖任務變成一個命令。
免費安裝。適用於 Claude Code 和 OpenClaw。非常適合競爭對手研究、網站監控和審計文件。