mcpField
C
card-twitter

card-twitter

github.com/nexu-ioDesign & UI104.6k2.6k installsUpdated today
Repository

About card-twitter

A design template for Twitter share cards, pairing a central quote with attribution, a category label, and a brand watermark. It uses a 1600×900 layout with a light or dark theme and subtle texture.

Key features

  1. 011600×900 card canvas
  2. 02Light or dark theme selection
  3. 03Central quote and author details
  4. 04Category label and brand watermark
  5. 05Grid, noise, or dot texture

Use cases

  1. 01Make quote cards to accompany tweets
  2. 02Turn an insight or data point into a share image

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill card-twitter

After installing, type/card-twitterin Claude Code to confirm it loaded.

Bundled filesexample.htmlexample.md

Details

From the project README

【模板: Twitter 分享卡】

  • 容器 w-[1600px] h-[900px], 暗色 / 亮色二选一根据内容情绪。
  • 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。
  • 下方作者署名 + 头像占位 + handle。
  • 左上角小标签 (类型: "Insight" / "Data" / "Quote")。
  • 右下角品牌水印。
  • 整张卡片有微妙的纹理 (grid 网格 / noise / dot pattern)。
  • 截图后可直接配推文发出, 视觉简洁有力。

Comments

Markdown supported