
39 editorial HTML/SVG diagram types for Claude Code and Codex
Brief-to-production logo design for agents, with SVG craft and a 1,400+ logo reference library.
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.
Covers the design brief, concept generation, picking a mark type, building clean geometric SVGs, optical refinement, small-size and one-colour testing, presentation boards and export variants. Ships scripts that audit SVGs and generate test sheets.
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

Build Figma screens from code using design-system tokens