kostja94

Social Cards Skills — Data skill for Claude Code

Data community

Programmatic OG & Twitter Card image generation for AI agents.

How to install Social Cards Skills

This entry records only its repository, not the path inside it, so there is no exact command to give. Open kostja94/social-cards-skills and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Social Cards Skills does

Programmatic OG & Twitter Card image generation for AI agents. 6 visual styles, Satori+resvg, AI image gen pipeline, Agent-Native content-aware workflow. 1200×630 + 1200×675px.

Alternatives in Data

Claude Code Usage Monitor — by Maciek-roboblog - A real-time terminal-based tool for monitoring Claude Code token usage 7k ★
HTML Video — Programmatic video for coding agents — HTML to video on your laptop 4.5k ★
MCP Server Chart — 🤖 A visualization mcp & skills contains 25+ visual charts using @antvis 4k ★

README

Social Card Images for AI Agents

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE) [![GitHub stars](https://img.shields.io/github/stars/kostja94/social-cards-skills)](https://github.com/kostja94/social-cards-skills/stargazers) [![Last commit](https://img.shields.io/github/last-commit/kostja94/social-cards-skills)](https://github.com/kostja94/social-cards-skills/commits/main)

Programmatic social share image generation for AI agents — OG images (1200×630px, 1.91:1) and Twitter/X Card images (1200×675px, 2:1). **16 visual styles** across dual pipelines (Satori layout + AI/Hybrid texture), Agent-Native v3 content-aware workflow with page priority (S/A/B/C), 100+ page type classification, and 35 site type profiles. Works with Cursor, Claude Code, and any Agent Skills-compatible platform.

**Created by [Kostja](https://github.com/kostja94)** · Founder of [Alignify](https://alignify.co) · zyjstc@gmail.com

Oginify — SaaS Alternative

Prefer a no-code solution over running agents yourself? **[Oginify](https://oginify.com)** is the SaaS tool I built for the same job — generate OG and Twitter Card images from a visual editor, API, or URL query string. No `npx`, no Satori, no font loading. Choose a style, type your text, and get a production-ready image URL in seconds.

**Open-source skills** (below) are for teams that want AI agents to programmatically generate images. **Oginify** is for everyone else — marketers, founders, and developers who just need working social cards without infrastructure.

Quick Start

# Install both skills (og-image-generator + twitter-card-image-generator)
npx skills add kostja94/social-cards-skills

# Install selectively
npx skills add kostja94/social-cards-skills --skill og-image-generator
npx skills add kostja94/social-cards-skills --skill twitter-card-image-generator

# List available
npx skills add kostja94/social-cards-skills --list

**Platforms**: Cursor, Claude Code, OpenClaw, Lov