screenshot-markup

Draw on a screenshot — circles, rectangles, arrows, captions, spotlights, blur, cursors, zoomed insets — to mark up exactly what the user asked about. Most commonly used right after a Playwright MCP screenshot, but works on any local image.

This skill is deterministic rendering only. The intelligence — interpreting the user's prompt, locating the focus region in the screenshot, and choosing the right style — lives in you, the calling model. This script just turns your decisions into pixels.

When to use this skill

Trigger when the user wants visual emphasis on part of a screenshot. Examples:

• "Highlight the Subscribe button in this screenshot."
• "Make the pricing table stand out, blur the rest."
• "Point out the error banner with an arrow."
• "Circle the timezone dropdown — it's tiny, also zoom in on it."
• "Make a tutorial-style image showing where to click next."
• After Playwright MCP returns a screenshot, when the user references a specific UI element they want to draw attention to.

Do NOT use this skill for: cropping, OCR, generic image editing, or composing multiple screenshots together.