skills.rest
vathymut
vathymutCOMMUNITY
Explore all skills by this author →
Website𝕏@vathymutGitHub

image-annotations

Annotate images with callouts, arrows, labels, and highlights using PIL.

Updated Apr 19, 2026
Search Tags:#code review#visual communication#bug reporting#screenshot analysis#image annotation
One-click install
npx skills add https://github.com/vathymut/copilot-skills --skill image-annotations
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-annotations
Source: https://github.com/vathymut/copilot-skills/tree/main/.github/skills/image-annotations
Command: npx skills add https://github.com/vathymut/copilot-skills --skill image-annotations

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Pillow, numpy, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of annotating images by providing tools to add callouts, arrows, labels, and color-coded highlights, making it easier to communicate changes or details in visual content.

Core Features & Use Cases

  • Image Annotation: Add callout rectangles, arrows, labels, and highlights to images.
  • Use Case: Ideal for PR screenshots, architecture diagrams, or before/after diffs.
  • Automated Placement: Leverages algorithmic placement for multiple elements in images.

Quick Start

Use the image-annotations skill to annotate 'screenshot.png' with a label for the 'button' element.

Frequently Asked Questions about image-annotations

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add callouts and arrows to a screenshot for code review?▼

Annotating screenshots for code review involves adding callouts, arrows, and labels to highlight specific UI elements or bugs. This Skill uses PIL to programmatically draw these visual markers, making it easier to communicate changes in PR screenshots.

Can I programmatically highlight elements in an image using Python?▼

Yes, you can programmatically highlight elements in an image using Python with this Skill. It leverages Pillow and NumPy to manipulate images, allowing you to apply color-coded highlights and labels to specific areas.

Do I need Pillow and NumPy installed to automate image annotation?▼

Yes, you need Pillow and NumPy installed to automate image annotation with this Skill. These dependencies are required to programmatically manipulate image data and render callouts, arrows, and highlights onto your visual content.

What is the best way to annotate architecture diagrams for technical presentations?▼

The best way to annotate architecture diagrams for technical presentations is using a programmatic approach that ensures precision. This Skill provides algorithmic placement for multiple elements, allowing you to add labels and highlights suitable for technical documentation.

How does algorithmic placement work for multiple callouts in an image?▼

Algorithmic placement for multiple callouts works by automatically calculating optimal positions for visual elements within the image boundaries. This Skill leverages this approach to programmatically add multiple callouts, arrows, and labels without manual coordinate mapping.

Related Skills

Explore More Software Engineering Skills→
dkyazzentwatwadkyazzentwatwa
86

image-metadata-tool

Extract and manage EXIF metadata from image files.

Community
Intermediate
alexanderopalexanderop
18

screenshotting-apps

Capture annotated screenshots of websites and apps into Markdown documentation.

Community
Advanced
everrunseverruns
42

ui-screenshots

Capture web page screenshots with agent-browser for visual verification.

Official
Intermediate
phuetzphuetz
30

gimp

Automate batch image editing in GIMP using Python-Fu and Script-Fu scripts.

Community
Advanced