Social Video Card Kit
When to use: Building realistic social-media cards for video overlays, story shares, and app mockups — X, Reddit, Spotify, and system notifications.
npx skills add social-video-card-kitgit clone https://github.com/skillhub-community/social-video-card-kit.gitDescription
A kit of realistic social-platform UI cards used in video overlays and mockups. XPostCard: a tweet with avatar, handle, verified badge, and engagement metrics (likes/reposts/views) — often used to show 'reactions to your launch'. RedditCard: a post with vote rail, subreddit, and comment count. SpotifyCard: a Now-Playing-style card with album art, progress bar, and playback controls. NotificationBanner: macOS/iOS-style system notifications (app icon, title, body) for product teasers and 'you got a message' moments.
Each card is built with real HTML/CSS (no images), so it's crisp at any size and animatable — cards can slide in, pop, or hover in a video or live demo. Config: avatar (image or generated initials), text, numbers, colors (or pull from brand tokens), and platform-accurate details (verified checkmark, reply count formatting). Ships in two modes: as a React component for live demos, and as a Remotion composition frame for rendering into video. A 'story engine' helps sequence cards into a narrative (teaser → reaction → confirmation).
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub