add-image-vision

Downloads WhatsApp images and converts them to Claude-ready multimodal content via sharp base64 encoding.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/spyqs/nanoclaw-email-imap --skill add-image-vision-spyqs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-image-vision
Source: https://github.com/spyqs/nanoclaw-email-imap/tree/main/.claude/skills/add-image-vision
Command: npx skills add https://github.com/spyqs/nanoclaw-email-imap --skill add-image-vision-spyqs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sharp.

What problem does it solve?

It helps NanoClaw agents understand images shared in WhatsApp groups by automatically downloading, resizing, encoding, and sending them to Claude as multimodal content.

Core Features & Use Cases

  • Image handling for WhatsApp: Downloads WhatsApp image attachments, processes them, and routes them into the agent workflow.
  • Sharp-based resizing and base64 encoding: Uses sharp to prepare images for efficient multimodal ingestion.
  • Agent multimodal content blocks: Ensures the container/agent-runner can pass image content to the model reliably.
  • Use Case: When a user sends a screenshot or photo of a document in a group chat, the agent can interpret what’s in the image and respond appropriately without manual user reformatting.

Quick Start

Apply the skill by running the documented merge steps, then rebuild the container, sync agent-runner source caches, and restart the NanoClaw service before sending an image in a registered WhatsApp group.

Frequently Asked Questions about add-image-vision

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

FAQPage Schema
How do I make a WhatsApp agent understand image attachments in a group chat?

To process WhatsApp images for Claude multimodal ingestion, the system uses sharp to resize the downloaded image attachments and converts them into base64 encoding. This prepares the images as efficient multimodal content blocks that the agent can reliably interpret.

Can I send WhatsApp screenshots directly to a Claude agent for analysis?

Yes, you can send WhatsApp screenshots directly to a Claude agent by applying image handling logic that downloads the attachments and converts them into Claude-ready multimodal inputs. The agent can then interpret the screenshot content and respond appropriately in-line during the conversation.

Does processing WhatsApp images for multimodal models require base64 encoding?

Processing WhatsApp images for multimodal models requires base64 encoding to transform the raw image data into a text-based format that can be passed reliably within multimodal content blocks. The sharp library handles the image resizing before this encoding step occurs.

What do I need to set up before adding image vision to a WhatsApp agent?

Before adding image vision to a WhatsApp agent, you need to ensure your container and agent-runner support base64 multimodal content blocks. You must also install the sharp dependency, apply the documented merge steps, and rebuild the container before restarting the service.

Why are my WhatsApp image attachments not working with my agent runner?

WhatsApp image attachments may not work if the container or agent-runner lacks support for base64 multimodal content blocks. You must sync agent-runner source caches, rebuild the container, and restart the service after applying the image handling modifications to ensure proper routing.