ClaudeSuperPower
SubmitLog in

social-x-post-card

Skill

Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.

0Media

Install

git clone https://github.com/nexu-io/open-design.git ~/.claude/skills/social-x-post-card

What is social-x-post-card?

Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.

What this can do

Capabilities declared in this component's own frontmatter — not inferred.

Inherit all session tools

Declares no tool restrictions — inherits every session tool

~30 tokens of context used while enabled, before you invoke anything

Documentation

README · ~1 min read

【模板: X (Twitter) 帖子卡】 【意图】把一段推文内容 (或用户的金句) 渲染成一张拟真度极高的 X 帖子卡片, 用于视频叠加、推特发图、知识沉淀。Inspired by hyperframes x-post。

【画布】1280×720 或 1080×1080, 暗背景 #0f1419 或亮背景 #ffffff (按 X 主题); 卡片居中, 阴影柔和。

【卡片结构】

  • 外框: 圆角 16px, 1px border #2f3336 (dark) / #eff3f4 (light), 内边距 16px。
  • 顶部 row: 头像 (48×48 圆形, 用 CSS gradient 占位) + 用户名 + handle @username + verified 蓝勾 + 时间 (mono, 12px, 灰)。
  • 正文: 17-22px, 字重 400; 链接用 X 蓝 #1d9bf0; hashtag 同色; mention 同色; 段落间空 0.6em。
  • 可选: 引用卡 (小卡内嵌, 灰底, 圆角 12px)。
  • 可选: 1 张图 (CSS 渐变 + 描述占位, 不能外链图片), 比例 16:9, 圆角 12px。
  • 互动 row: 4 个 icon + 数字 (回复 / 转推 / 引用 / 点赞), icon 用 inline SVG (X 官方风格), 灰色, hover 时变色。

Reviews

Log in to leave a review.

No reviews yet — be the first.

Explore related

Other things in this space — across every part of the ecosystem, not just skills.