Claude

Claude + ScreenshotDEV

by Anthropic

Claude Code discovers ssdev automatically via SKILL.md. Install the CLI globally, configure an API key, and Claude can capture screenshots, generate PDFs, and check usage — all through structured JSON output that it can reason about.

Key features

  • ✓Auto-discovery via SKILL.md — zero configuration
  • ✓Claude Code runs CLI commands autonomously
  • ✓Structured JSON output for LLM reasoning
  • ✓Full-page, dark mode, element selection support
  • ✓Usage quota checking — agents self-throttle
  • ✓Works in any Claude Code project
Step by step

How to set it up

Install, configure, and start capturing.

1

Install the CLI globally

Install ssdev globally so Claude Code can discover it in any project.

npm install -g @screenshotdev/cli
2

Configure your API key

Set your ScreenshotDEV API key. Claude will use this automatically when capturing screenshots.

ssdev config set access_key ak_live_your_key_here
3

Add SKILL.md to your project (optional)

Drop the SKILL.md file into your project root. This tells Claude exactly what commands are available, what flags to use, and how to chain commands.

# Claude auto-discovers ssdev, but SKILL.md
# gives it full command reference:
#
# - ssdev screenshot <url> [flags]
# - ssdev usage [--daily]
# - ssdev config set|get <key> [value]
4

Ask Claude to take screenshots

Just describe what you need in natural language. Claude will choose the right flags and capture the screenshot.

> Take a screenshot of acme.com/pricing
  in dark mode with ads blocked

Claude runs:
  ssdev screenshot https://acme.com/pricing \
    --dark-mode --block-ads --format json
Full example

Claude Code session

> Take a screenshot of acme.com/pricing
  in dark mode and tell me if the $49 plan
  is still listed

Claude runs:
  ssdev screenshot https://acme.com/pricing \
    --dark-mode --full-page --format json

→ {
    "url": "https://cdn.ssdev.io/s/x7k9m2.webp",
    "width": 1280,
    "height": 2340,
    "format": "webp",
    "renderTimeMs": 640
  }

Claude analyzes the screenshot and responds:

  "Yes, the $49/mo Pro plan is still visible
   as the second tier on the pricing page.
   The layout hasn't changed — three columns
   with Free, Pro ($49), and Enterprise."

> Now check how many screenshots we have left

Claude runs:
  ssdev usage --format json

→ {
    "period": "2026-03",
    "used": 47,
    "limit": 1000,
    "rendered": 38,
    "cached": 9
  }

  "You've used 47 of 1,000 screenshots this
   month. 953 remaining."

Pro tip: Claude can chain multiple ssdev commands in a single conversation — capture, compare, analyze, and report without any manual steps.

Start with 100 free API calls →

No credit card required

Use cases

What people build with Claude

Visual code review

Ask Claude to screenshot your staging deploy and compare it against production. It identifies layout differences automatically.

Content verification

Have Claude capture competitor pages and analyze pricing, features, or copy changes. Get a summary in natural language.

Automated documentation

Ask Claude to screenshot your app's key flows and generate documentation with annotated visuals.

SEO auditing

Claude captures your pages, analyzes above-the-fold content, checks OG tags, and suggests improvements.

FAQ

Claude + ScreenshotDEV — Common questions

Does Claude need special configuration to use ssdev?
No. Install ssdev globally and Claude Code discovers it automatically. Adding SKILL.md to your project gives Claude a full command reference, but it's optional.
Can Claude analyze the screenshots it captures?
Yes. Claude is multimodal — it can view the captured screenshot and reason about the visual content, layout, colors, text, and more.
Does this work with Claude Pro and Claude Team?
This works with Claude Code, which is a separate CLI tool. Any Claude Code subscription includes the ability to run CLI commands like ssdev.
Can Claude use the API directly instead of the CLI?
Claude Code primarily uses CLI tools. The ssdev CLI wraps the API, so Claude gets all the same capabilities with a simpler interface.

Claude + screenshots.
Ready in minutes.

100 free API calls per month. No credit card. No complex setup.

Claude Integration — ScreenshotDEV