Screenshot

Name: Screenshot
Author: mozilla

By mozilla· mozilla/firefox-devtools-mcp· 0

Capture and display screenshots of web pages or specific elements.

Installation

1
Make sure Claude is on your device and in your terminal.
Skills load from ~/.claude/skills/ when Claude Code starts up — so you need it on your machine first. If you don't have it yet, install it once with the command below, then run claude in any terminal to verify.
One-time setup
```
npm i -g @anthropic-ai/claude-code
```
Already have it? Skip ahead.

Paste into Claude Code or into your terminal.

Install

git clone ht••••••••••••••••••••••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••••••• •• ••••• •• ••••••••••••••••••••••••••••••••••• •• •• •• •••••••••••••••••••••••••••••••••••••••••••••••••••••• ••••••••••••••••••••••••••••••••••••

This copies the whole skill folder into ~/.claude/skills/screenshot-mozilla/ — the SKILL.md plus any scripts, reference docs, or templates the skill ships with. Safe default: works for every skill.

Faster alternative (instruction-only skills)

Skips the clone and grabs only the SKILL.md file. Don't use this if the skill ships Python scripts, reference markdowns, or asset templates — they won't be downloaded and the skill will fail when it tries to load them.

Quick install (SKILL.md only)

mkdir -p ~/.•••••••••••••••••••••••••••••••• •• •••• ••••• •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• •• ••••••••••••••••••••••••••••••••••••••••••••

Restart Claude Code.
Quit and reopen Claude Code (or any other agent that loads from ~/.claude/skills/). New skills are picked up on startup.
Just ask Claude.
Skills auto-activate when your request matches the skill's description — no slash command needed. Trigger phrases live in the skill's own frontmatter; you can read them in the “What this skill does” section above.

Prefer to read the source first? Open on GitHub.

When Claude uses it

Take a screenshot of a URL or the current page. Use when the user asks to capture, screenshot, or photograph a web page or URL.

What this skill does

/firefox-devtools-mcp:screenshot

Captures a screenshot of a URL or the current page and shows it to the user.

Usage

/firefox-devtools-mcp:screenshot https://example.com   # Navigate then screenshot
/firefox-devtools-mcp:screenshot                       # Screenshot current page
/firefox-devtools-mcp:screenshot <uid>                 # Screenshot specific element

Steps

Navigate if a URL was given: call navigate_page.
Take the screenshot using the method that matches your environment:

In Cowork (system prompt contains an outputs folder host path under "Shell access"):

Call screenshot_page saveTo="<host-outputs-path>/screenshot.png" using the host path from the system prompt, not the container path.
Load and call present_files with that same path so the user receives a clickable file card.

In Claude.ai chat or Claude Desktop (no outputs folder in system prompt):

Call screenshot_page without saveTo.
Your final response must include the actual image returned — not a description of it. The user cannot see tool call outputs, only what you include in your reply.

Related skills

Logo Creator

SamurAIGPT

Generate minimalist, scalable vector logos using geometric shapes and negative space.

Design Audit

thedotmack

Score a design against Dieter Rams' principles and create a plan to improve it.

Workflow Audit

Terryc21

Analyze SwiftUI app flows to find navigation issues and broken user paths.

Apache-2.0

Emil's Design Engineering

emilkowalski

A design review from Emil Kowalski — catches the small things that make UIs feel right.