
39 editorial HTML/SVG diagram types for Claude Code and Codex
Design upgrade screens and feature gates that convert free users at the right moment
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.
For anyone with a freemium app and a free tier nobody leaves. Your agent reviews or drafts paywalls, upgrade modals, trial-ending screens and limit-reached prompts, focusing on when to ask, not just how.
It looks at timing, the value the user has already felt, copy, plan layout and how to make the ask without annoying people. Pairs well with the pricing and onboarding skills from the same pack.
Part of Corey Haines' Marketing Skills pack.
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