social-x-post-card

Social X Post Card is a visual design template that renders tweet content or a user's quote into a highly realistic X (Twitter) post card, complete with avatar, username and handle, a verified badge, engagement metrics (replies, reposts, quotes, likes, and views), and the X logo. It solves the problem of producing convincing, share-ready social visuals for video overlays and image cards without manually recreating X's layout. It is part of the nexu-io open-design collection and is inspired by the hyperframes x-post format.

The skill defines a full design signature: canvas sizes (1280x720 or 1080x1080), light and dark palettes (dark recommended for overlays) with exact X colors, typography using Chirp with Inter/Segoe UI fallbacks and Noto Sans SC for Chinese, engagement-number formatting (1.2K / 4.5M rather than raw counts), inline SVG icons in X's official style, optional quote cards and 16:9 image placeholders built from CSS gradients, and an optional radial highlight for overlay readability. Output is a single self-contained HTML file with no external image URLs. Content must come from the user's input rather than being invented; if the input is data, it summarizes it into a single quotable tweet under 280 characters.

It targets marketers, content creators, and knowledge-sharers who want an X-styled card for overlays or shareable images. As a purely offline front-end template with no code execution, it is benign; users should note that fabricated engagement metrics should not be represented as authentic X data.