Finance
og-card - Claude MCP Skill
SUPERSEDED by /brand-assets (brand-kit). Use /brand-assets for new projects. This skill remains for backward compatibility with projects not yet migrated to brand.yaml. Generate deterministic, template-based Open Graph cards with Satori. Use when: creating OG images for blog posts, product pages, changelogs, or comparison pages. Complements /og-hero-image (AI creative) with consistent, branded templates. Keywords: og image, open graph, satori, social card, meta image, twitter card.
SEO Guide: Enhance your AI agent with the og-card tool. This Model Context Protocol (MCP) server allows Claude Desktop and other LLMs to superseded by /brand-assets (brand-kit). use /brand-assets for new projects. this skill remains for ... Download and configure this skill to unlock new capabilities for your AI workflow.
Documentation
SKILL.md# /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
Signals
Information
- Repository
- phrazzld/claude-config
- Author
- phrazzld
- Last Sync
- 3/2/2026
- Repo Updated
- 3/1/2026
- Created
- 1/28/2026
Reviews (0)
No reviews yet. Be the first to review this skill!