card-twitter
Lets your agent create cards for Twitter. It's good for sharing quotes or data in a visually appealing way in posts.
What it does
This tool creates a Twitter card image. It takes an inspiring quote, data, or a saying and turns it into an eye-catching card, ready to be posted on Twitter.
When to use it
- ✓When you want to share a striking quote from a book or article.
- ✓To present interesting data visually.
- ✓When you want to share a quote from someone famous.
Example of what to ask your AI
“Create a Twitter card with the quote 'Persistence is the path to success.' by Mahatma Gandhi, with a dark background.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
You tell me which quote, data, or saying you want to use, and I'll put it into a nice card design. I can choose light or dark colors depending on the tone of your message and add details like the author's name and a small logo.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill card-twitterOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/plugins/_official/examples/card-twitter/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
【模板: Twitter 分享卡】
- 容器
w-[1600px] h-[900px], 暗色 / 亮色二选一根据内容情绪。 - 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。
- 下方作者署名 + 头像占位 + handle。
- 左上角小标签 (类型: "Insight" / "Data" / "Quote")。
- 右下角品牌水印。
- 整张卡片有微妙的纹理 (grid 网格 / noise / dot pattern)。
- 截图后可直接配推文发出, 视觉简洁有力。
FAQ
What kind of information can I put on the card?
You can put inspiring phrases, important data, or quotes from people.
Can I choose the card's colors?
Yes, you can ask for a light or dark background, and the color can be adjusted based on the sentiment of your message.
What are 'hero text' and 'handle'?
'Hero text' is the main, largest phrase on the card. 'Handle' is the Twitter username, like @example.
Details
Original description by the author
Twitter quote or data card designed to pair with a post.
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #532
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
accessibility
Helps your agent create interfaces that everyone can use. Ensures websites and apps work well for people with disabilities, like those who are blind or have reduced mobility.
affaan-m/ECC
design-system
Helps your agent create a design system from existing code. It extracts visual information and checks for consistency, generating a report and an interactive preview.
affaan-m/ECC
liquid-glass-design
Helps your agent create iOS user interfaces with a 'Liquid Glass' effect. Allows adding dynamic and interactive visual effects in SwiftUI and UIKit.
affaan-m/ECC