og-card

Name: og-card
Rating: 5 (2 reviews)
Author: codyhxyz

Generates an Open Graph social-preview image (1200×630 PNG) for Claude Code plugin repositories, ensuring links unfurl as a branded card instead of a grey placeholder on social platforms. It can be invoked from Phase 5.5 of the `create-claude-plugin` skill or directly.

2stars

Updated 2 months ago

View on GitHub ↗License: MIT

How to add

/plugin marketplace add codyhxyz/create-claude-plugin

The exact command may vary by repository. Check the README on GitHub.

For the skill author

Drop this on your repo README

Shows your skill is listed on Skillteca, generates a backlink and trackable traffic.

[![Listada na Skillteca](https://www.skillteca.com.br/api/badge/og-card/svg)](https://www.skillteca.com.br/skills/og-card?utm_source=badge&utm_medium=readme&utm_campaign=badge)

#github #git

Related skills

See all in Marketing →

learn-codebase

79.7k

Prime a codebase by reading every source file in full. Use when starting work on a new or unfamiliar project, or when the user asks to "learn the codebase", "read the codebase", "prime", or "get up to speed".

Marketing#aiby thedotmack

remove-deadcode

60.3k

Removes unused code from this project with ultrawork mode, LSP-verified safety, and atomic commits. Triggers: remove dead code, cleanup, remove unused.

Marketingby code-yeongyu

sendgrid-automation

39.2k

Automate SendGrid email delivery workflows including marketing campaigns (Single Sends), contact and list management, sender identity setup, and email analytics through Composio's SendGrid toolkit.

Marketing#github#gitby sickn33

seo

39.2k

Run a broad SEO audit across technical SEO, on-page SEO, schema, sitemaps, content quality, AI search readiness, and GEO. Use as the umbrella skill when the user asks for a full SEO analysis or strategy.

Marketing#seo#githubby sickn33

Category alert

Get new Marketing skills every Monday

One short email with only the new Marketing skills. 4 minutes of reading, no spam, unsubscribe with one click.

You confirm your email on the first send. No spam. Unsubscribe with one click.

og-card — generate a 1200×630 social-preview image

Overview

A well-designed OG card is the single biggest lift for link-unfurl conversion. This skill interviews the user, writes a typed config to marketing/og.config.mjs, then rasterizes an SVG template to assets/og.png using @resvg/resvg-js.

Why it's separate from create-claude-plugin: this skill pulls in a Node dep (@resvg/resvg-js) and a render pipeline. Keeping it isolated means the main plugin-builder flow stays dep-fre

[Description truncada. Veja o README completo no GitHub.]

ShareX LinkedIn

Comments · No comments

No comments yet. Be the first.