mcpField
C
card-twitter

card-twitter

github.com/nexu-ioMarketing & growth9.3k40 installsUpdated 2w ago
Repository

About card-twitter

A visual template for creating Twitter share cards, suited to content creators turning a quote into an image. It includes author details, a category label, a brand watermark, and subtle texture, and can be captured for use with a post.

Key features

  1. 011600×900 card canvas
  2. 02Centered hero quote
  3. 03Author credit and avatar placeholder
  4. 04Category label and brand watermark
  5. 05Dark or light style

Use cases

  1. 01Create quote images for Twitter posts
  2. 02Turn insights or data into share cards
  3. 03Apply a consistent social look with a brand watermark

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/html-anything --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