Agent Skill Specification

Agent Skill 技能

专为 AI 编程助手打造的模型无关 Agent Skill,让任何 AI 助手能够直接截取网页截图与录制滚动视频。原生兼容开源 Agent Skills 规范(Claude Code、Cursor、Cline、Codex CLI、Gemini CLI、Roo Code、Zed),并为其他工具提供规则模板支持。

1

Install the Skill

Run the 1-line clone command for your CLI or code IDE:

bash — Claude Code
git clone https://github.com/Website-Screenshot-Online/websitescreenshot-skill.git ~/.claude/skills/websitescreenshot-skill
Installs globally across all your local projects and terminal sessions.
Try asking your AI assistant:

Take a full-page screenshot of https://news.ycombinator.com in PNG format.

Record a 5-second scrolling MP4 of https://github.com and check video status.

Capture a mobile screenshot of https://stripe.com with ads blocked.

2

Configure API Key

Export your API key so your assistant can call the API:

export SCREENSHOT_API_KEY=ws_your-api-key
Get API Key

Add this line to your ~/.zshrc or ~/.bashrc to persist across terminal sessions.

3

Tools Available to Your AI

Three tools are exposed with the same capabilities as the REST API:

take_screenshot

捕获任何公开网页的 PNG/JPEG/PDF 截图(支持整页滚动、自定义分辨率与延迟)。

PNGJPEGPDF
record_website_video

录制公开网页的自动滚动视频(支持 WEBM/MP4/GIF,支持同步与异步)。

MP4WEBMGIF
check_video_status

查询异步视频任务的生成状态与下载链接(生成结果保留 24 小时)。

Async Polling24h TTL
Open Source under MIT • Website-Screenshot-Online/websitescreenshot-skill
View on GitHub