social-reddit-card

Social Reddit Card is a visual design template that renders arbitrary user content into a realistic Reddit post card, complete with an up/down vote rail, subreddit and username meta row, title, body, and a comment/awards/share action row. It solves the problem of producing polished, on-brand social-post visuals for video overlays and story sharing without hand-building the layout each time. It is part of the nexu-io open-design template collection and is inspired by the hyperframes reddit-post format.

The skill specifies a complete design signature: canvas sizes (1280x720 for overlays or 800x600 for single-card sharing), light and dark color palettes (dark mode recommended for overlays), Reddit's vote-color conventions, typography (IBM Plex Sans / Inter, Noto Sans SC for Chinese), and an inline SVG Snoo logo and icons. The output is a single self-contained HTML file with all icons inlined as SVG; external image links are prohibited and image placeholders are built from CSS gradients. It instructs the assistant to use the user's real content while auto-generating plausible subreddit, username, and vote counts, and to avoid lorem ipsum or placeholder images.

It targets content creators, marketers, and video producers who need a Reddit-styled card for social overlays or story shares. Use cases include turning a short story, question, or quip into a shareable card. As a purely front-end, offline HTML template with no code execution or network calls, it is a benign design asset; the only thing to keep in mind is that fabricated vote and comment counts should not be presented as genuine Reddit data.