Skill6.7k repo starsupdated 11d ago

card-twitter

The card-twitter skill generates a 1600x900px Twitter share card template featuring a large centered quote or insight (2-3 lines), author attribution with avatar placeholder and handle below, a category label in the top left (Insight/Data/Quote), brand watermark in the bottom right, and subtle textured background. Use this when creating visually striking social media graphics optimized for direct screenshot-and-post workflow on Twitter.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/card-twitter && cp -r /tmp/card-twitter/next/src/lib/templates/skills/card-twitter ~/.claude/skills/card-twitter

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

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