x-image-cards
Originally from0juano/x-image-cards
Installation
SKILL.md
X Image Cards
Create X cards that look like images, not marketing banners. Let the visual be the content — X already shows your title and description in the card UI.
X-Specific Requirements
| Spec | Value | Why |
|---|---|---|
| Dimensions | 2400×1200 physical (1200×600 logical) | 2x for retina, 2:1 aspect ratio |
| Safe margins | 50-56px padding (at 1x) | X clips edges on mobile |
| URL format | /og/page.png not /og/page?format=png |
X prefers explicit extensions |
| Colors | #FFFFFF primary, avoid subtle grays |
Thumbnails are tiny |
Zero-Width Space Trick
X overlays og:title as white text on the image. Hide it with a zero-width space:
Related skills
More from 0juano/agent-skills
yahoo-finance
>
388edgeone-pages-deploy
Deploys static HTML to a public URL instantly with no authentication required. Use when asked to "host this", "deploy this site", "get a public link", "share this HTML", "quick deploy", "publish this page", or any request to make an HTML file publicly accessible via URL. Supports self-contained HTML files with inline CSS/JS.
56ticktick
>
21bondterminal-x402
>
17ley-ar
>
15weekly-analytics
>
15