Take screenshots of web pages
Captures screenshots of web pages across desktop, tablet, and mobile viewports.
/plugin marketplace add marcioaltoe/claude-craftkit/plugin install ui-tests@claude-craftkit<url>--url</url> <viewports>--viewports</viewports>
Capture screenshots of web pages across different viewports. Screenshots are saved to .web-tests/screenshots/ in your working directory.
Works from any directory - Saves screenshots to your working directory's .web-tests/screenshots/ folder.
When you run /screenshot, Claude will:
.web-tests/scripts/.web-tests/screenshots/ with timestamps# Screenshot current dev server
/screenshot
# Screenshot specific URL
/screenshot --url http://localhost:3001
# Screenshot across all viewports
/screenshot --viewports all
# Screenshot specific viewports
/screenshot --viewports desktop,mobile
# Screenshot external site
/screenshot --url https://example.com --viewports desktop
all - Desktop (1920x1080), Tablet (768x1024), Mobile (375x667)desktop - 1920x1080tablet - 768x1024mobile - 375x667custom - Claude will ask for dimensions.web-tests/scripts/screenshot-{timestamp}.jsCWD=$(pwd) cd <skill-dir> && node run.js .web-tests/scripts/screenshot-*.jsyour-repo/
└── .web-tests/
├── scripts/
│ └── screenshot-2025-10-23.js
└── screenshots/
├── desktop-2025-10-23T12-30-45.png
├── tablet-2025-10-23T12-30-48.png
└── mobile-2025-10-23T12-30-51.png
Claude can configure:
true)# Quick screenshot of current dev server
/screenshot
# Screenshot homepage across all devices
/screenshot --url http://localhost:3001 --viewports all
# Mobile-only screenshot
/screenshot --viewports mobile
# Screenshot specific page
/screenshot --url http://localhost:3001/dashboard --viewports desktop
/test - Run automated tests/check - Check for broken links or issues