Card Twitter
A single-purpose template that turns quotes or data into 16:9 Twitter share cards. You get 1600×900 pixels, a large centered quote in 2-3 lines, author attribution with avatar slot, and subtle texture overlays like grid or noise. It handles both dark and light modes depending on your content's tone. The template includes a small label in the top left (Insight, Data, or Quote) and a brand watermark in the bottom right. Screenshot it and post directly. It's opinionated about contrast and layout, which is exactly what you want when you need to ship something clean in under a minute instead of fiddling with Figma export settings.
- skills.sh installs
- 2.7K
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill card-twitter --agent claude-codeInstalls into .claude/skills of the current project.
Files
【模板: Twitter 分享卡】
- 容器
w-[1600px] h-[900px], 暗色 / 亮色二选一根据内容情绪。 - 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。
- 下方作者署名 + 头像占位 + handle。
- 左上角小标签 (类型: "Insight" / "Data" / "Quote")。
- 右下角品牌水印。
- 整张卡片有微妙的纹理 (grid 网格 / noise / dot pattern)。
- 截图后可直接配推文发出, 视觉简洁有力。
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
Agent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Vfx Text Cursor2.7K
- Frame Macos Notification2.7K
- Social X Post Card2.7K
- Impeccable Design Polish2.7K
- Social Reddit Card2.7K
- Social Spotify Card2.7K
- Weread Year In Review Video Template2.5K
- Emilkowalski Motion2.4K
- Research Decision Room2.3K
- Gsap Performance2.3K
- Gsap Plugins2.3K
- Gsap Frameworks2.2K
- Gsap Utils2.2K
- Ecommerce Image Workflow2.2K
- High End Visual Design2.1K
- Brandkit2K
- Redesign Existing Projects2K
- Image To Code2K
- Gpt Taste2K
- Od Contribute1.9K
- Export Download Debugging1.9K
- Stitch Design Taste1.9K
- Reference Design Contract1.9K
- Pr Feedback Quality Gate1.9K
Recommended
More Design & UI/UX1
vfx-text-cursornexu-io/open-designCursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.2.7Kskills.sh installs
vfx-text-cursornexu-io/open-designCursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.2.7Kskills.sh installs2
video-podcast-makeragents365-ai/365-skillsUse when the user gives a topic and wants an automated topic-driven narrated explainer, podcast, or knowledge-summary video (Bilibili / YouTube / Xiaohongshu / 2.7Kskills.sh installs
video-podcast-makeragents365-ai/365-skillsUse when the user gives a topic and wants an automated topic-driven narrated explainer, podcast, or knowledge-summary video (Bilibili / YouTube / Xiaohongshu / 2.7Kskills.sh installs3social-reddit-cardnexu-io/open-designRealistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.2.7Kskills.sh installs
social-reddit-cardnexu-io/open-designRealistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.2.7Kskills.sh installs4
react-spring-physicsfreshtechbro/claudedesignskillsPhysics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation ut2.6Kskills.sh installs
react-spring-physicsfreshtechbro/claudedesignskillsPhysics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation ut2.6Kskills.sh installs5scroll-reveal-librariesfreshtechbro/claudedesignskillsSimple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites req2.6Kskills.sh installs
scroll-reveal-librariesfreshtechbro/claudedesignskillsSimple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites req2.6Kskills.sh installs6
scientific-visualizationk-dense-ai/scientific-agent-skillsCreate and audit truthful, accessible, publication-ready scientific figures with Matplotlib, Seaborn, or Plotly. Use for figure design, multi-panel layouts, unc2.6Kskills.sh installs
scientific-visualizationk-dense-ai/scientific-agent-skillsCreate and audit truthful, accessible, publication-ready scientific figures with Matplotlib, Seaborn, or Plotly. Use for figure design, multi-panel layouts, unc2.6Kskills.sh installs