screenshot-tool（截图工具）

Screenshot

Capture screenshots of websites, dashboards, and applications for documentation and SNS content.

Instructions

1. Web page screenshot (using OpenClaw browser): browser action:screenshot targetUrl:"https://example.com" fullPage:true type:png
2. Element-specific screenshot: browser action:screenshot targetUrl:"https://example.com" selector:".hero-section" type:png
3. Terminal/CLI screenshot: # Using script + ANSI rendering script -q /tmp/terminal-capture.txt -c "your_command" # Or use carbon.now.sh for pretty code screenshots
4. Dashboard capture (local services): browser action:screenshot targetUrl:"http://localhost:3000" fullPage:true type:png
5. Viewport sizes for platform optimization: Platform Width Height Ratio X/Twitter 1200 675 16:9 Instagram Feed 1080 1080 1:1 Instagram Story 1080 1920 9:16 Note.com 1280 720 16:9 OGP/Card 1200 630 ~1.9:1
6. Post-processing:

- Crop to platform dimensions - Add annotations if needed (text overlays) - Optimize file size (PNG for UI, JPEG for photos)

Use Cases

Product Screenshots

Capture landing page → crop hero section → use as Product Hunt image

Dashboard Snapshots

Capture agent dashboard → annotate key metrics → share on X

Before/After

Screenshot buggy UI → fix → screenshot fixed UI → combine for comparison post

Documentation

Screenshot each step → annotate with numbers → add to README/guide

Autonomous Capture Rules

Capture freely

• Own projects (dashboard, apps)
• Public websites
• Terminal output
• Code editor screenshots

Ask first

• Other people's private content
• Screenshots for SNS posting (verify content is appropriate)
• Screenshots containing personal data

Security

• Redact sensitive data — blur/mask API keys, passwords, personal info before sharing
• Check for credentials in terminal screenshots — they often contain env vars
• Don't screenshot login pages with filled credentials
• Private URLs — don't expose internal URLs (localhost, IPs) in public screenshots

Output

• Save to /mnt/hdd/rey/images/screenshots/ with timestamp naming
• Format: screenshot-YYYY-MM-DD-HHMMSS.png

Requirements

• OpenClaw browser tool for web screenshots
• File system for saving captures
• Optional: imagemagick for post-processing (convert, mogrify)