
39 editorial HTML/SVG diagram types for Claude Code and Codex
Fix the gap between signup and the aha moment: first-run flows, empty states, and activation
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.
From Corey Haines' marketingskills pack. When people sign up and then vanish, this skill helps the agent rework post-signup onboarding: first-session experience, checklists, empty states, and time-to-value.
Good for: side projects with signups but no retention, and anyone staring at a low activation rate.
Source: coreyhaines31/marketingskills
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

Capture desktop, app windows, or pixel regions

Translate Figma into production code at 1:1 fidelity

Map Figma design components to code with Code Connect

Build Figma screens from code using design-system tokens