vercel-satori

Official

Always use with satori: debugging practices.

Authornuxt-modules
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides guidance for developers writing code that imports the satori rendering library, offering debugging tips, best practices, and modification guidance to ensure reliable SVG output.

Core Features & Use Cases

  • Guidance on how to integrate satori in frontend projects for SVG generation from components.
  • Best practices for performance, font handling, and compatibility across frameworks (React/Vue) when using satori.
  • Use cases include rendering dynamic SVGs for dashboards, social previews, and component-based SVG templates.

Quick Start

Import satori in your project and consult this guide to apply debugging tips and best practices for your rendering tasks.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vercel-satori
Download link: https://github.com/nuxt-modules/og-image/archive/main.zip#vercel-satori

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.