x-image-cards
✓Create X/Twitter cards that look like images, not marketing banners. Use when asked to "create OG images", "set up X cards", "make social cards", or "twitter card without text".
Installation
SKILL.md
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.
| 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 |
X overlays og:title as white text on the image. Hide it with a zero-width space:
Create X/Twitter cards that look like images, not marketing banners. Use when asked to "create OG images", "set up X cards", "make social cards", or "twitter card without text". Source: 0juano/agent-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/0juano/agent-skills --skill x-image-cards- Source
- 0juano/agent-skills
- Category
- $Marketing
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is x-image-cards?
Create X/Twitter cards that look like images, not marketing banners. Use when asked to "create OG images", "set up X cards", "make social cards", or "twitter card without text". Source: 0juano/agent-skills.
How do I install x-image-cards?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/0juano/agent-skills --skill x-image-cards Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/0juano/agent-skills
Details
- Category
- $Marketing
- Source
- skills.sh
- First Seen
- 2026-02-01