teamday-ai/agents/screenshot

Claude Code and agent skill by teamday-ai/agents

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Take screenshots of web pages for blog posts, documentation, and marketing. Capture full pages, specific elements, dark mode, and custom dimensions.

Install

npx vskill@latest install teamday-ai/agents/screenshot

SKILL.md

Screenshot Skill

Take screenshots of web pages for use in blog posts, documentation, and marketing content.

Quick Usage

bash
bun .claude/skills/screenshot/scripts/screenshot.ts <url> <output-filename>
Examples
bash
# Screenshot a web page
bun .claude/skills/screenshot/scripts/screenshot.ts https://example.com page-screenshot.webp
 
# Screenshot with custom dimensions
bun .claude/skills/screenshot/scripts/screenshot.ts https://example.com wide-shot.webp --width=1400 --height=900
 
# Screenshot in dark mode
bun .claude/skills/screenshot/scripts/screenshot.ts https://example.com dark-mode.webp --dark
 
# Full page screenshot
bun .claude/skills/screenshot/scripts/screenshot.ts https://example.com full-page.webp --full
 
# Screenshot a specific element
bun .claude/skills/screenshot/scripts/screenshot.ts https://example.com header.webp --selector="header"

Options

OptionDefaultDescription
--width1200Viewport width in pixels
--height800Viewport height in pixels
--darkfalseEnable dark mode
--wait2000Wait time in ms after page load
--fullfalseCapture full page (scrollable)
--selectornullScreenshot specific element only

Dependencies

Install required packages before using:

bash
bun add playwright sharp
npx playwright install chromium

First-Time Setup

If playwright browsers aren't installed, run:

bash
npx playwright install chromium

Use Cases

  1. Feature Screenshots - Show new UI features in blog posts
  2. Before/After - Document improvements with visual comparisons
  3. Tutorial Steps - Capture each step of a process
  4. Product Demos - Showcase actual product in articles
  5. Social Cards - Generate images for social media sharing

Tips

  • Use --wait=3000 for pages with animations
  • Use --dark to match dark mode screenshots
  • Use --selector to focus on specific UI elements
  • WebP format provides best quality/size ratio

Security

  • Security scanPassed, 95 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

7-day trend score
5

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/teamday-ai/agents/screenshot/badge)](https://verified-skill.com/skills/teamday-ai/agents/screenshot)

Something wrong with this skill or its page? Tell us.