add-image-vision

Download, resize, and deliver WhatsApp images as base64 content blocks.

1|2|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/jboothomas/nauggieclaw --skill add-image-vision-jboothomas
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-image-vision
Source: https://github.com/jboothomas/nauggieclaw/tree/main/.claude/skills/add-image-vision
Command: npx skills add https://github.com/jboothomas/nauggieclaw --skill add-image-vision-jboothomas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

NauggieClaw agents currently cannot interpret WhatsApp image attachments, so visual context is lost and responses stay blind to crucial cues. This skill downloads each image, resizes it with sharp, stores it in the workspace, and delivers it as a base64 multimodal content block so the agent can describe what it sees.

Core Features & Use Cases

  • Media download pipeline: Captures WhatsApp image attachments, resizes them via sharp, and stores them in the workspace before encoding them for the agent.
  • Agent-container updates: Syncs changes across src/index.ts, container-runner, and agent-runner to deliver multimodal content blocks so the agent can reason over visuals.
  • Use Case: When a team uploads a photo of a whiteboard in WhatsApp, the skill ensures the agent describes the drawing and suggests next steps without manual intervention.

Quick Start

Ask Auggie to enable the add-image-vision skill after WhatsApp is configured so it can interpret new images.

Frequently Asked Questions about add-image-vision

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

FAQPage Schema
How do I process WhatsApp image attachments so my agent can interpret them?

Processing WhatsApp image attachments requires downloading the media, resizing it with sharp, and delivering it as a base64 multimodal content block. This pipeline enables agents to decode and describe user-sent images within secure group containers.

What's the best way to add multimodal vision capabilities to a container-based agent?

Adding multimodal vision to container-based agents requires syncing changes across the agent-runner and container-runner. You merge the skill branch, rebuild the container, and deliver base64 content blocks so the agent can reason over visual data.

Does this image processing pipeline require any specific media preparation before encoding?

Yes, the image processing pipeline requires media preparation before encoding. Images are downloaded from WhatsApp, resized using the sharp library, and stored in the workspace before being encoded into base64 content blocks for agent delivery.

Why does my agent ignore visual context when users send photos through WhatsApp?

Agents ignore visual context from WhatsApp photos when multimodal content blocks are not configured. Without downloading and resizing images via sharp to deliver base64 data, the agent lacks the visual cues needed to interpret user-sent media.

Can I use sharp to resize WhatsApp images before sending them to an agent workspace?

Yes, you can use sharp to resize WhatsApp images before agent delivery. The pipeline downloads image attachments, applies sharp resizing, stores the processed media in the workspace, and encodes it as base64 for the agent to describe.