og-card

- /og-hero-image: AI creative via Gemini. Use for one-off hero art.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "og-card" with this command: npx skills add phrazzld/claude-config/phrazzld-claude-config-og-card

/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

  • Read brand-profile.yaml for colors/fonts when present.

  • Select a template and pass required fields.

  • Render via skills/og-card/scripts/generate-card.ts .

  • 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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

General

pencil-renderer

No summary provided by upstream source.

Repository SourceNeeds Review
112-phrazzld
General

ui-skills

No summary provided by upstream source.

Repository SourceNeeds Review
70-phrazzld
General

llm-gateway-routing

No summary provided by upstream source.

Repository SourceNeeds Review
36-phrazzld
General

documentation-standards

No summary provided by upstream source.

Repository SourceNeeds Review
28-phrazzld