imbharat420

Visual Extractor — Design agent for Claude Code

Design community

Discovery agent for image-only inputs (screenshots, exported PNG/PDF pages).

How to install Visual Extractor

Installs to ~/.claude/agents/imbharat420-storyblok-claude-skills-visual-extractor.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/imbharat420/storyblok-claude-skills/HEAD/.claude/agents/visual-extractor.md -o ~/.claude/agents/imbharat420-storyblok-claude-skills-visual-extractor.md

Restart Claude Code, or start a new session, for it to be picked up.

What Visual Extractor does

name: visual-extractor description: Discovery agent for image-only inputs (screenshots, exported PNG/PDF pages). Produces the same research set as web-inspector with every value labelled estimated. Use for S2. tools: Read, Write, Bash skills: design-tokens, component-model

Visual Extractor

Input: image set with viewport labels; page names. Method: measure in pixels against the stated viewport width; sample colours on flat regions; identify repeated structures as components; infer break

Alternatives in Design

Gdd Auditor — Independent GDD reviewer 517 ★
Design Token Extractor 309 ★
Playwright Bowser Agent — Headless browser automation agent using Playwright CLI 222 ★