skills.rest
noontide-co
noontide-coOFFICIAL
Explore all skills by this author →
WebsiteGitHub

tool-og-render

Render inline SVG to 1200x630 PNG for Open Graph meta tags.

35|6|Updated Jan 13, 2026
Search Tags:#png#rendering#svg#open-graph#cli-wrapper#rsvg-convert#cairosvg
One-click install
npx skills add https://github.com/noontide-co/mainbranch --skill tool-og-render
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tool-og-render
Source: https://github.com/noontide-co/mainbranch/tree/main/tools/tool-og-render
Command: npx skills add https://github.com/noontide-co/mainbranch --skill tool-og-render

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Renders inline SVG into a fixed-size PNG (1200x630) for Open Graph meta tags, enabling consistent social previews without heavy tooling.

Core Features & Use Cases

  • Primary rendering path uses rsvg-convert with cairosvg as a fallback to generate a PNG from SVG.
  • No JavaScript or web fonts; deterministic output suitable for CI/CD pipelines.
  • Packaging surface that reuses the renderer inside the mainbranch package; designed to be invoked via CLI in automation workflows.

Quick Start

Render an input.svg to an output.png with a 1200x630 canvas.

Frequently Asked Questions about tool-og-render

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render an SVG to a 1200x630 PNG for Open Graph tags?▼

Rendering an SVG to a 1200x630 PNG for Open Graph tags requires deterministic rasterization, which this tool accomplishes by using rsvg-convert as the primary path and cairosvg as a fallback to generate the preview image.

What's the best way to automate SVG to PNG conversion in a CI/CD pipeline?▼

Automating SVG to PNG conversion in a CI/CD pipeline requires deterministic output without JavaScript or web fonts, which this renderer guarantees by validating fixed 1200x630 dimensions suitable for automated workflows.

Does this SVG rasterizer require rsvg-convert to generate social preview images?▼

This SVG rasterizer uses rsvg-convert as the primary path to generate social preview images, but it automatically falls back to cairosvg if the primary dependency is unavailable in your environment.

Can I use inline SVG for website previews without installing heavy rendering tools?▼

You can use inline SVG for website previews without heavy tooling because this renderer packages the necessary rsvg-convert and cairosvg dependencies to directly output fixed-size 1200x630 PNG images.

Why does deterministic SVG rasterization matter for SEO and social sharing?▼

Deterministic SVG rasterization matters for SEO and social sharing because it ensures consistent 1200x630 Open Graph previews across platforms without relying on external JavaScript or web fonts that might alter the output.

Related Skills

Explore More Design & Creative Skills→
jpcaparasjpcaparas
37

tarsier

Generate SVG tarsier bicycle illustrations with PNG and markdown transcript.

Community
Basic
dirnbauerdirnbauer
33

og-image

Generate Open Graph images and configure social meta tags for web frameworks.

Community
Intermediate
NeuroSkill-comNeuroSkill-com
11

neuroskill-recipes

Provide NeuroSkill CLI recipes for focus, stress, sleep, and graph search workflows.

Official
Intermediate
MohamedAbdallah-14MohamedAbdallah-14
16

og-image

Generates deterministic 1200×630 Open Graph and Twitter Card images from templates.

Community
Intermediate