Agent skill

Social X Post Card

by nexu-io in nexu-io/open-design

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

Apache-2.0Auto-check passedProduct & Project Management

Install Social X Post Card

skills CLI
$ npx skills add nexu-io/open-design --skill social-x-post-card -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install nexu-io/open-design social-x-post-card --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/nexu-io/open-design.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/social-x-post-card .claude/skills/social-x-post-card && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
social-x-post-card
GitHub stars
100k
Token cost
~696 tokens
SKILL.md length
183 words
Files
3
Skills in repo
245
Repo updated
First seen
Licence
Apache-2.0

At a glance

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

  • Tasks that involve Product metrics
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Social X Post Card is an agent skill from nexu-io/open-design. Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.

Its SKILL.md is about 700 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `example.md`).

It sits in Product & Project Management, covering Product metrics. The repository describes itself as: 🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes… The licence is Apache-2.0.

When your agent uses it

  • Tasks that involve Product metrics

Example prompts

  • “/social-x-post-card”

What it can do on your machine

Read from SKILL.md and the folder at commit 17e2559. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Social X Post Card loads about 696 tokens when it runs. Until then it costs about 35 tokens; SKILL.md has 183 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~35
When it runs · the whole SKILL.md, loaded when a task matches
~696

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from nexu-io/open-design at commit 17e2559, republished under its Apache-2.0 licence (© nexu-io). 183 words, ~696 tokens.

Download SKILL.mdSave it as .claude/skills/social-x-post-card/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.
name
social-x-post-card
description
Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.
zh_name
X (Twitter) 帖子卡
en_name
X / Twitter Post Card
emoji
𝕏
zh_description
拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享
en_description
Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.
category
card
scenario
marketing
aspect_hint
1280×720 或 1080×1080
featured
44
tags
twitter, x, social, card, overlay

【模板: 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 时变色。
  • 顶部右上 X logo 单线 SVG。
  • 浏览量 row: 👁️ + 数字 (小字)。

【字体】

  • 西文: Chirp (X 的字体) → fallback Inter 或 Segoe UI。
  • 中文: Noto Sans SC / PingFang SC。
  • 数字: 同主字体, 不用 mono。

【设计细节】

  • 配色 light: bg #fff, text #0f1419, secondary #536471, border #eff3f4, accent #1d9bf0。
  • 配色 dark (推荐, 视频叠加用): bg #000, text #e7e9ea, secondary #71767b, border #2f3336, accent #1d9bf0。
  • 数字格式化: 1.2K / 4.5M (不要原始 1234)。
  • 内容必须来自用户输入, 不能编造推文。
  • 若用户输入是数据 → 自动总结成一句"金句"推文 (≤ 280 字符)。
  • 单文件 HTML; icon 内联 SVG; 不要任何外部图片 URL。
  • 可选: 卡片背后加微妙径向高光 radial-gradient(...) 增加视频叠加的可读性。

© nexu-io, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 2 other files in skills/social-x-post-card of nexu-io/open-design.

  • SKILL.md
  • example.html
  • example.md

Open the folder on GitHubat commit 17e2559

Compare with similar skills

Social X Post Card next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Social X Post Card compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Social X Post Card this skillnexu-io/open-design100k—~696Automated safety check: PassApache-2.0
Swarmaglitch-rabin/swarma173—~4.4kAutomated safety check: NotesMIT
Prdjuanandresgs/claude-ctrl193—~2.9kAutomated safety check: PassNone
AI Product Strategy InterviewerPrepLabsAI/InterviewMentor112—~4.5kAutomated safety check: PassMIT
Investigate MetricPostHog/posthog40k—~1.9kAutomated safety check: PassCustom licence
Weekly Creative Reportreal-simple-labs/parker-brain102—~4.7kAutomated safety check: PassCustom licence

Similar skills

  • Swarma

    glitch-rabin/swarma

    Agent teams that run growth experiments and build their own playbook.

    173 GitHub stars~4.4k tokensUpdated 6 mo ago
    Product & Project ManagementAuto-check: notes
  • Prd

    juanandresgs/claude-ctrl

    Write structured feature specifications with problem statements, user journeys, use cases, functional requirements, and success metrics.

    193 GitHub stars~2.9k tokensUpdated 2 mo ago
    Product & Project ManagementAuto-check passed
  • AI Product Strategy Interviewer

    PrepLabsAI/InterviewMentor

    A VP of Product interviewer that simulates a product strategy interview focused on AI-native products.

    112 GitHub stars~4.5k tokensUpdated 4 days ago
    Product & Project ManagementAuto-check passed
  • Investigate Metric

    PostHog/posthog

    Official

    Diagnose why a product metric changed (dropped, spiked, or plateaued) by orchestrating breakdowns, actors, paths, lifecycle, retention, and annotations queries.

    40k GitHub stars~1.9k tokensUpdated today
    Product & Project ManagementAuto-check passed
  • Weekly Creative Report

    real-simple-labs/parker-brain

    Build the brand's weekly creative report, a polished, shareable page an agency can send straight to the brand's CMO and team.

    102 GitHub stars~4.7k tokensUpdated yesterday
    Product & Project ManagementAuto-check passed
  • North Star

    andreaskelm/pm-brain

    Define, sharpen, or audit a North Star metric and its input metrics tree, and decide which product metrics actually matter (leading vs.

    234 GitHub stars~2.5k tokensUpdated 2 days ago
    Product & Project ManagementAuto-check passed

More from nexu-io/open-design

All 245 skills in this repo
  • Humanize PPT

    nexu-io/open-design

    Turns raw notes into a talk-ready slide outline with per-page image, diagram or video decisions, then checks the rendered deck against that outline.

    100k GitHub stars~4k tokensUpdated yesterday
    Auto-check passed
  • Last 30 Days Trend Research

    nexu-io/open-design

    Produces a cited Markdown briefing on recent community sentiment and social reaction to a topic, labeling every source it could not actually check.

    100k GitHub stars~1.3k tokensUpdated yesterday
    Auto-check passed
  • OpenDesign Contribution Flow

    nexu-io/open-design

    Helps newcomers contribute to OpenDesign: ship a skill or design system, translate docs, fix docs or report a bug, ending in a pull request or issue.

    100k GitHub stars~3.5k tokensUpdated yesterday
    Auto-check: notes
  • Turns a chat transcript or screenshot into a configurable animated chat clip, rendered as a Remotion bundle with optional transparency.

    100k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed
  • Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity…

    100k GitHub stars~865 tokensUpdated yesterday
    Auto-check passed
  • Hatch Pet

    nexu-io/open-design

    Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references.

    100k GitHub stars~6k tokensUpdated yesterday
    Auto-check passed

Questions about Social X Post Card

What does Social X Post Card do?

Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards. Social X Post Card is an agent skill from nexu-io/open-design. Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.

When should I use Social X Post Card?

Social X Post Card fits situations like: tasks that involve Product metrics.

How do I install Social X Post Card in Claude Code?

Run `npx skills add nexu-io/open-design --skill social-x-post-card -a claude-code`. Or copy the skill folder (skills/social-x-post-card in nexu-io/open-design) into .claude/skills/social-x-post-card in your project. Claude Code loads it when a task matches its description.

How do I install Social X Post Card in Codex?

Run `npx skills add nexu-io/open-design --skill social-x-post-card -a codex`. Or copy the skill folder (skills/social-x-post-card in nexu-io/open-design) into .agents/skills/social-x-post-card in your project. Codex loads it when a task matches its description.

Can I use Social X Post Card in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add nexu-io/open-design --skill social-x-post-card -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/social-x-post-card, .gemini/skills/social-x-post-card, .github/skills/social-x-post-card and .opencode/skills/social-x-post-card in your project.

What does Social X Post Card need to run?

SKILL.md names no scripts, command-line tools or credentials: Social X Post Card is instructions for the agent only.

Does Social X Post Card access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Social X Post Card safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Social X Post Card use?

Social X Post Card is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Social X Post Card use?

About 696 tokens (SKILL.md is roughly 2.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Social X Post Card?

Skills that share tags, products or a category with Social X Post Card: Swarma (glitch-rabin/swarma, 173 stars), Prd (juanandresgs/claude-ctrl, 193 stars), AI Product Strategy Interviewer (PrepLabsAI/InterviewMentor, 112 stars) and Investigate Metric (PostHog/posthog, 40k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Social X Post Card?

nexu-io (a GitHub organization) maintains it in nexu-io/open-design, which has 100,280 GitHub stars. The repository holds 245 skills in this directory. The repository was last updated on October 10, 2026.

Source: nexu-io/open-design on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.