shell
$ npx -y skills add nexu-io/html-anything --skill social-reddit-card --agent claude-codeInstalls just this skill. Get the whole plugin for auto-invocation.
How it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/social-reddit-card
Context preview
The summary Claude sees to decide when to auto-load this skill.
拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享
Stats
Stars7,918
Forks773
LanguageHTML
LicenseApache-2.0
Ships with html-anything
SKILL.md
social-reddit-card.SKILL.md
--- name: social-reddit-card zh_name: "Reddit 帖子卡" en_name: "Reddit Post Card" emoji: "🔺" description: "拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享" category: card scenario: marketing aspect_hint: "1280×720 或 800×600" featured: 42 tags: ["reddit", "social", "card", "overlay", "story"] example_id: sample-social-reddit-card example_name: "Reddit 帖子 · r/programming" example_format: markdown example_tagline: "Reddit dark mode + vote rail" example_desc: "一条 AITA 风格故事 + 12.3k upvotes + 1.2k comments" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · reddit-post" --- 【模板: Reddit 帖子卡】 【意图】把一段故事 / 提问 / 段子, 渲染成 Reddit 帖子卡片, 用于视频叠加、社媒故事分享。Inspired by hyperframes reddit-post。 【画布】1280×720 (视频叠加) 或 800×600 (单卡分享); 背景透明或暗色 `#0b1416`。 【卡片结构】 - 外框: 圆角 16px, bg 白 `#ffffff` (light) 或 `#1a1a1b` (dark, 推荐 video overlay), border 1px `#edeff1` / `#343536`。
