Codex 技能 · 自動化頁面擷取

Website Screenshot Agent Codex 技能

Website Screenshot Agent 為 Codex 從終端機自動化網站擷取、競品頁面監控和 Markdown 報告生成。當你的團隊需要可重複的快照和結構化證據,而非臨時的瀏覽器截圖時,就使用它。

Codex 自動化頁面擷取
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

專為需要可重複的網站快照和 Markdown 就緒報告的 Codex 使用者打造,無需離開終端機。

Codex 技能
網站截圖自動化
npm install
一指令設定
批次
多頁面擷取工作流
Markdown
報告就緒輸出

一旦調研規模變大,手動網站截圖就會立刻失控

競品調研、網站監控和審計記錄團隊都會遇到同樣的問題:手動擷取頁面太慢、不一致,而且一旦站點數量增加就難以維護。

競品頁面還沒分析完,截圖就已經過時了

價格表、首屏文案、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

在 Codex 中安裝 Website Screenshot Agent 技能

使用 npm 安裝完整的 Felo 技能包,或將 doc-screenshot-agent 直接複製至 Codex 技能資料夾。

如何在 Codex 中安裝 Website Screenshot Agent 技能

Codex

從 Codex 終端機擷取網站截圖、監控競品頁面並編譯 Markdown 報告,無需切換到瀏覽器。

# Install all Felo skills globally npm install -g felo-ai # Or install this skill manually git clone https://github.com/Felo-Inc/felo-skills.git cd felo-skills cp -r doc-snapshot-agent ~/.codex/skills/
閱讀 Felo API 文件

Website Screenshot Agent 能做什麼

六項能力,幫助團隊獲得可重複的網站快照和 Markdown 交付物,而不是一次性的手動截圖。

自動網站截圖擷取

自動打開產品頁、著陸頁、價格頁、文件頁、儀表板等目標頁面,並在合適的視口與解析度下生成整潔截圖。

競品與市場頁面監控

複用同一份擷取計畫,持續追蹤競品文案、價格頁、發布頁和市場變化,而無需每次從頭搭建流程。

Markdown 報告生成

它不只是輸出圖片,還會把截圖整理成可閱讀的 Markdown 報告,方便非同步評審、知識庫沉澱、版本管理和調研交接。

增量更新與重複執行

当大部分頁面已經擷取完成時,你可以重新執行工作流,只更新變更內容,而不必從頭再抓一遍。

登入狀態頁面擷取

只需配置一次憑證,就可以在同一條自動化流程中擷取受保護頁面、內部工具、SaaS 儀表板等登入狀態內容。

適合團隊協作的結構化輸出

原始截圖、處理後素材和最終 Markdown 報告都存放在可預期的目錄中,方便審閱、提交、比對和接入週期性營運流程。

Website Screenshot Agent 最適合這些場景

下面這些高價值工作流需要的不是零散截圖,而是快速、可重複的網站快照。

QA documentation capture

競品著陸頁調研

場景背景: 產品市場團隊在定位評審前,需要最新的競品首頁、價格頁、功能頁和註冊流程截圖。
擷取選定競品的目標 URL,並輸出一份按公司和頁面類型組織的 Markdown 調研報告。
Before/after UI comparison

網站變化監控與快照歸檔

場景背景: 團隊希望按週擷取自家網站、合作夥伴網站或競品頁面,用於記錄文案、設計和結構變化。
執行週期性擷取計畫,重新擷取目標頁面,並為本次監控生成一份新的 Markdown 快照報告。
Competitor UI analysis

產品、內容或銷售團隊審計包

場景背景: 發布評審或 battlecard 專案需要公開頁面和登入狀態頁面的截圖,並統一整理到一份可非同步審閱的報告中。
擷取所需的公開頁面和登入狀態頁面,然後把證據整理成結構化 Markdown 審計文件。

三個步驟在 Codex 中啟動 Website Screenshot Agent 技能

安裝技能、描述你需要擷取的頁面,生成你的第一份 Markdown 截圖報告。

1

透過 npm 安裝或複製技能資料夾

執行 npm install -g felo-ai 取得完整技能包,或從已複製的儲存庫將 doc-screenshot-agent 複製至 ~/.codex/skills/。

2

撰寫擷取簡報

在 Markdown 檔案中列出你需要的 URL、頁面區域和證據,或直接向 Codex 描述它們。

3

執行擷取工作流

請 Codex 根据你的簡報執行 Website Screenshot Agent,並檢視帶有整理好截圖的 Markdown 報告。

團隊如何評價 Website Screenshot Agent

這些早期用戶正在用可重複的網站擷取與 Markdown 報告替代零散截圖工作。

★★★★★
過去每次做競品評審前,我們都要花半天收集截圖。現在一份擷取說明就能輸出有條理的 Markdown 報告,證據順序也完全正確。
Daniel Park
Daniel Park
競品情報負責人,SaaS 平台
★★★★★
最大的提升是統一性。現在每次著陸頁評審都複用同一套網站快照流程,團隊不再爭論“少了哪張圖”,而是直接討論發現本身。
Rachel Morgan
Rachel Morgan
產品市場經理
★★★★★
我們用它做週期性站點審計和內部彙報。登入狀態頁面擷取加上 Markdown 輸出,和團隊現有的工作方式非常契合。
Vik Patel
Vik Patel
營運分析師

Website Screenshot Agent 帶來的關鍵成果

1 條流程
從擷取計畫到報告
0 手動
瀏覽器截圖步驟
Markdown
可交付報告輸出
可重複
監控與審計執行

Website Screenshot Agent Codex 技能常見問題

如何在 Codex 中安裝 Website Screenshot Agent 技能?
執行 npm install -g felo-ai 一次取得所有 Felo 技能,或複製儲存庫並將 doc-screenshot-agent 複製至 ~/.codex/skills/。檔案就位後即可使用。
Codex 技能能擷取需要登入的頁面嗎?
可以。透過環境變數設定憑證,技能會在擷取儀表板、內部工具或其他受保護頁面之前處理驗證。
技能產出什麼輸出格式?
可以在 Codex 中將它用於週期性競品監控嗎?
可以。複用同一份擷取簡報,按固定排程收集最新截圖,並每次產出更新的 Markdown 報告。

從 Codex 終端機自動化網站截圖

安裝 doc-screenshot-agent,將手動截圖任務轉化為可重複的擷取工作流,並輸出 Markdown 報告。

一次安裝涵蓋 Codex 中的完整 Felo 技能集。從單一終端機工作階段擷取網站、整理證據並交付報告。