card-twitter

card-twitter is a visual template skill for producing a Twitter (X) quote or data card designed to pair with a post. It addresses the common marketing need of turning a piece of text or data into a polished, screenshot-ready share image without designing one from scratch. The output is a single 1600x900 (16:9) HTML card that can be screenshotted and attached directly to a tweet.

The template specifies a clear visual signature: a dark or light container chosen by content mood, a centered hero quote (limited to two or three lines), an author byline with avatar placeholder and handle, a small type label in the top-left (Insight / Data / Quote), a brand watermark in the bottom-right, and a subtle texture such as a grid, noise, or dot pattern. It ships with an example prompt (in English and Chinese) that instructs the model to preserve the template's visual signature and use real content and data rather than lorem ipsum or placeholder images. It is a prototype-mode web surface template and part of the nexu-io open-design collection, with its upstream at the html-anything project.

It targets marketers, founders, developers, and content creators who want an on-brand quote or data card to accompany social posts. Typical use cases include sharing a memorable line, highlighting a statistic, or teasing a launch with a visually simple but striking card. It is a thin, self-contained design template rather than a code tool, so its depth is limited to the layout specification it provides.