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