Agent-Skills.md

Agent Skills: /og-card

|

UncategorizedID: phrazzld/claude-config/og-card

Repository

phrazzld/claude-config
phrazzld
31

Install this agent skill to your local

pnpm dlx add-skill https://github.com/phrazzld/claude-config/tree/HEAD/skills/og-card

Skill Files

Browse the full folder contents for og-card.

Download Skill

Loading file tree…

skills/og-card/SKILL.md

Skill Metadata

Name
og-card
Description
|

/og-card

vs /og-hero-image

  • /og-hero-image: AI creative via Gemini. Use for one-off hero art.
  • /og-card: consistent templates via Satori. Use for branded systems.

Templates

  • blog: title + author + date + brand colors
  • product: logo + tagline + screenshot
  • changelog: version + highlights
  • comparison: product vs competitor

Process

  1. Read brand-profile.yaml for colors/fonts when present.
  2. Select a template and pass required fields.
  3. Render via skills/og-card/scripts/generate-card.ts.
  4. Emit a 1200x630 PNG.

Prerequisites

pnpm add @vercel/og satori sharp

Usage

/og-card blog "Title" by Author /og-card product for heartbeat

Output

og-[template]-[slug].png at 1200x630