Satori HTML CSS Svg Image Generator

Quality score: 70/100 · Category: Content · Sub-category: image-design

cloud:verceltype:generatortype:review

Satori is a high-performance library by Vercel that converts HTML and CSS markup into SVG images. It powers Open Graph image generation for dynamic social cards, blog previews, and branded assets using a JSX-like API with full Flexbox layout support and custom font rendering.

What this skill does

Satori HTML CSS Svg Image Generator is a production-ready Claude Code skill (quality score 70/100) in the image-design sub-category. It ships as a SKILL.md file that Claude Code auto-discovers under ~/.claude/skills/satori-html-css-svg-image-generator/ and loads when your prompt matches the skill's trigger.

Who uses this skill

The Satori HTML CSS Svg Image Generator skill is built for content creators, marketers, copywriters, SEO professionals, and editorial teams. It is part of the open ClaudSkills registry, a community-curated catalog of 15,000+ capabilities you can install for Claude Code — the Claude CLI agent.

How to install

Free

Manual install (2 steps)

mkdir -p ~/.claude/skills/satori-html-css-svg-image-generator
curl -L https://claudskills.com/skills/satori-html-css-svg-image-generator/SKILL.md \
  -o ~/.claude/skills/satori-html-css-svg-image-generator/SKILL.md

Or just download SKILL.md directly and drop it into ~/.claude/skills/satori-html-css-svg-image-generator/. Claude Code auto-discovers it on next session.

Skills live at ~/.claude/skills/satori-html-css-svg-image-generator/SKILL.md on macOS/Linux, or %USERPROFILE%\.claude\skills\satori-html-css-svg-image-generator\SKILL.md on Windows. See the full install guide for step-by-step instructions.

Pro

One-click install via the desktop app

The ClaudSkills desktop app installs any skill directly into ~/.claude/skills/ with one click — no terminal required. Pro starts at $9/mo or $149 lifetime.