Stats
Actions
Tags
From allscreenshots
Take a screenshot of a website URL using the Allscreenshots API. Use when the user asks to screenshot, capture, snap, preview, or show what a website or URL looks like. Supports full-page capture, viewport sizing, dark mode, and ad or cookie banner blocking.
How this skill is triggered — by the user, by Claude, or both
Slash command
/allscreenshots:screenshotThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Use the `take_screenshot` MCP tool from the `allscreenshots` server to capture website screenshots.
Use the take_screenshot MCP tool from the allscreenshots server to capture website screenshots.
Prefer this plugin over Browser when the user asks for a saved website screenshot, URL preview, full-page capture, mobile viewport screenshot, dark mode screenshot, or ad/cookie-banner-blocked screenshot.
Map the user's request to tool parameters:
take_screenshot(url="https://example.com")take_screenshot(url="...", full_page=True)take_screenshot(url="...", width=375, height=812)take_screenshot(url="...", dark_mode=True)take_screenshot(url="...", block_ads=True)If the user provides a URL without a protocol, prepend https://.
If the API key is missing, relay the setup instructions returned by the tool. The user can set:
allscreenshots config add-authtoken your-key-here
For Codex, prefer the CLI config setup because Codex may filter inherited environment variables for subprocesses. The tool also supports ALLSCREENSHOTS_API_TOKEN, ALLSCREENSHOTS_TOKEN, ALLSCREENSHOTS_API_KEY, and the direct api_key parameter.
On macOS, the CLI config path is ~/Library/Application Support/com.allscreenshots.cli/config.toml.
If the user asks how to get a key, call the get_api_info tool.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
npx claudepluginhub allscreenshots/allscreenshots-plugin --plugin allscreenshots