Social Image Card Builder

ReactSocial MediaImageCardDesignUpdated 2026-08-14

When to use: Generating ready-to-post social media images: Twitter cards, Xiaohongshu notes and carousels, LinkedIn charts, and shareable quote graphics.

Install
npx skills add social-image-card-builder
Git Clone
git clone https://github.com/skillhub-community/social-image-card-builder.git

Description

A card generator for social media graphics. CardTypes: TwitterCard (quote + handle + engagement metrics, sized 1200×675 for clean cropping in feeds), XiaohongshuNote (3:4 vertical knowledge card with title, key points, tags — styled like RED note covers), CarouselPack (3-6 sequential 1080×1080 panels that form a swipeable story), and DataCard (a small chart/stat turned into a shareable graphic). Each card is template-based with editable text, accent color, and layout variants.

Supports the platform sizing rules automatically (Twitter 1200×675, Instagram 1080×1080, Stories 1080×1920) and provides export as PNG@2x for crisp mobile display. Includes a text-safe-zone editor (highlights where overlays must stay clear), a brand-mode that pulls colors/fonts from BrandTokens, and batch mode to generate a full content-calendar week of cards at once. Templates are pure SVG/HTML canvas so they stay sharp at any size and print cleanly.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@media_lin
LicenseMIT
Version1.0.0
Dependencies0