Back to MCP & Tools
Content & Documentation
OG Images (Satori)
Dynamic OG images with JSX — every page gets its own share card.
Claude Code Cursor Codex Windsurf
Overview
Satori (by Vercel) converts JSX and CSS into SVG/PNG at runtime — so every article or product gets a custom share image automatically: title, tag, even author photo inside one consistent template. The agent builds the endpoint that serves these across your whole site.
Custom share cards measurably lift social CTR — one template serves thousands of pages instead of manual design per post.
Custom share cards measurably lift social CTR — one template serves thousands of pages instead of manual design per post.
Who Is This For?
- Dynamic OG images for all blog posts
- Product share cards with live prices
- One on-brand template for the whole site
- An edge endpoint serving the images
Installation
Setup for Claude Code
npm install satori @resvg/resvg-jsExplore AI Tools
Discover the best AI tools that complement your skills
Read AI & Design Articles
Tips and trends in the world of design and AI
Related Servers
Content & Documentation
Markdown Documentation Generator
Auto-generate structured project documentation from your codebase. AI agents can produce API references, guides, and architecture docs.
Claude Code Codex Copilot
Content & Documentation OpenAPI Documentation
Generate interactive API documentation from OpenAPI and Swagger specifications. Keep your API docs always up to date with your endpoints.
Claude Code Codex Copilot
Content & Documentation README Generator
Create comprehensive, well-structured project READMEs that cover installation, usage, configuration, and contribution guidelines.
Claude Code Codex Copilot