
39 editorial HTML/SVG diagram types for Claude Code and Codex

Capture desktop, app windows, or pixel regions
Clone or download it from github.com, then drop the folder into ~/.claude/skills/ (Claude Code) or your agent's skills directory.
Share this product's name and rating in your README or on your website.
Updates may be delayed by image caching.
OpenAI Codex curated skill for capturing screenshots of the desktop, application windows, or specific pixel regions during agent workflows.
Used it? Write the first review.

39 editorial HTML/SVG diagram types for Claude Code and Codex

Distinctive UI/UX implementation patterns for frontend work

Translate Figma into production code at 1:1 fidelity

ADHD-friendly skill that makes agents lead with the answer

Map Figma design components to code with Code Connect

Build Figma screens from code using design-system tokens