skills.rest
nexu-io
nexu-ioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

social-x-post-card

Render a realistic X post card with engagement data as a self-contained HTML document.

8.2k|803|Updated May 11, 2026
Search Tags:#template#html#engagement#overlay#x-post#post-card
One-click install
npx skills add https://github.com/nexu-io/html-anything --skill social-x-post-card
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: social-x-post-card
Source: https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/social-x-post-card
Command: npx skills add https://github.com/nexu-io/html-anything --skill social-x-post-card

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

在视频叠加、图卡分享等场景中，需要一个拟真度高的 X 推文卡片模板，以及可读的互动数据呈现。

Core Features & Use Cases

  • 拟真 X 帖子卡模板，支持头像、用户名、句柄、时间、正文、可选图片、引用卡、以及互动数据区。
  • 适用于视频叠加、图卡分享和知识沉淀，能以独立的 HTML 文档形式存在。
  • 内容来自用户输入；若输入包含数据，自动总结成一句金句推文并限制在 280 字符内。
  • 单文件 HTML；字符级内联 SVG 图标；不使用外部图片 URL；可选背景微光效果提升可读性。

Quick Start

输入帖子内容（或数据）即可生成可直接导出的拟真 X 帖子卡片 HTML 模板。

Frequently Asked Questions about social-x-post-card

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a realistic X post card with engagement data for video overlays?▼

You can render a realistic X post card by inputting post content or raw data, which generates a standalone HTML document featuring headers, user details, optional media, inline SVG icons, and interactive metrics.

Can I create an HTML post card without relying on external image URLs?▼

Yes, the generated HTML post card is fully self-contained, utilizing character-level inline SVG icons instead of relying on external image URLs or dependencies.

How do I convert raw data into a shareable social media post card?▼

By inputting raw data, the template automatically summarizes it into a 280-character post and renders it into an exportable, standalone HTML document for sharing.

Does the X post card template support optional media and quote tweets?▼

Yes, the template supports optional media and quote cards, alongside user avatars, usernames, handles, timestamps, body text, and an interactive engagement metrics area.

Are there external dependencies required to render the social post HTML template?▼

No, no external dependencies are required; the template functions as a standalone HTML document using inline SVG icons and optional background glow effects.

Related Skills

Explore More Design & Creative Skills→
flashfoxerflashfoxer

baoyu-xhs-images

Generate cartoon-style infographic image card series with 12 visual styles, 8 layouts, and 3 color palettes.

Community
Intermediate
nexu-ionexu-io
8.2k

social-reddit-card

Render Reddit post cards with inline SVG logos in light or dark themes.

Official
Advanced
gerald-icagerald-ica

openscreen

Record screens and edit videos with timeline-based tools for WebM export.

Community
Intermediate
microsoftmicrosoft
18

mcscatblog-react-widget

Build a single-file React widget for iframe embedding in Jekyll blog posts.

Official
Advanced