
39 editorial HTML/SVG diagram types for Claude Code and Codex
Create, resize, bulk-generate, and review Canva designs from a Codex chat.
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-curated Codex plugin from Canva with skills for resizing designs for social channels, bulk creating from spreadsheet data with a brand template, editing elements, brand checks, translation, and turning comment threads into applied changes.
Used it? Write the first review.

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

Translate Figma into production code at 1:1 fidelity

Distinctive UI/UX implementation patterns for frontend work

Capture desktop, app windows, or pixel regions

Map Figma design components to code with Code Connect

ADHD-friendly skill that makes agents lead with the answer