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 报告,说明抓了什么、来源在哪里、结论为何重要。

一个智能体替你抓网站,并把 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 审计文档。

3 步在 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 技能可以抓取需登录的页面吗?
可以。通过环境变量配置凭据,技能会在抓取仪表盘、内部工具或其他受保护页面之前处理身份验证。
技能输出什么格式?
它生成结构化 Markdown 报告,截图放置在正确章节中,并在可预期的文件夹中整理原始和处理后的图片资产。
在 Codex 中我可以将它用于定期竞品监控吗?
可以。复用同一份采集说明,按固定周期收集最新截图,每次生成更新后的 Markdown 报告。

从 Codex 终端自动化网站截图

安装 doc-screenshot-agent,将手动截图任务变为附带 Markdown 报告输出的可重复采集工作流。

一次安装覆盖 Codex 中的完整 Felo 技能集。从单个终端会话抓取网站、整理证据并交付报告。