How do I install the Social Reddit Card skill?

Run npx skillmds@latest add nexu-io/social-reddit-card in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Social Reddit Card safe to use?

SkillMD's automated safety review verdict for this skill is PASS. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Social Reddit Card?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Social Reddit Card free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Social Reddit Card?

Nexu (@nexu-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Social Reddit Card by nexu-io — Agent Skill

Name: Social Reddit Card
Rating: 4.2 (5 reviews)
Author: Nexu

File contents

【模板: Reddit 帖子卡】【意图】把一段故事 / 提问 / 段子, 渲染成 Reddit 帖子卡片, 用于视频叠加、社媒故事分享。Inspired by hyperframes reddit-post。

【画布】1280×720 (视频叠加) 或 800×600 (单卡分享); 背景透明或暗色 #0b1416。

【卡片结构】

外框: 圆角 16px, bg 白 #ffffff (light) 或 #1a1a1b (dark, 推荐 video overlay), border 1px #edeff1 / #343536。
左侧 vote rail (40-56px 宽):
- 上箭头 ▲ (16px, #878a8c, hover 变橙 #ff4500)。
- 票数 (Inter, 17px, weight 700, 居中, 颜色: 0 灰 / 正橙 / 负蓝); 大数字用 12.3k 格式。
- 下箭头 ▼ (hover 变蓝 #7193ff)。
主体区:
- 顶部 meta row: 子版块图标 (CSS 圆形 + 字母) + r/subreddit (粗) + · Posted by u/username · 3h (小字灰)。
- 标题 (Inter / IBM Plex Sans, 22-28px, weight 500, dark text)。
- 内容: 16px body 或引用块或 1 张图 (CSS 渐变占位)。
- 底部 action row: 💬 1.2k Comments · 🏆 Awards · ⤴️ Share · ⋯ icon。
顶部右上角 Reddit Snoo logo (内联 SVG, 橙色 #ff4500)。

【字体】

主: IBM Plex Sans → fallback Inter, weight 400/500/700。
数字: 同主字体。
中文: Noto Sans SC。

【设计细节】

Light mode: bg #fff, text #1c1c1c, secondary #7c7c7c。
Dark mode (推荐): bg #1a1a1b, text #d7dadc, secondary #818384, border #343536。
票数颜色: 正 = #ff4500, 负 = #7193ff, 0 = #878a8c。
标题点击区可加微妙背景 hover。
严禁外链图片; 图片占位用 CSS 渐变 + 描述。
必须用用户提供的内容; 自动生成合理的 subreddit / username / 票数。
单文件 HTML; icon 内联 SVG (上下箭头、评论气泡、奖杯)。

---name: social-reddit-carddescription: Renders a story, question, or meme as a realistic Reddit post card with vote rail, comments, and awards, suitable for video overlays or social media sharing.---【模板: Reddit 帖子卡】【意图】把一段故事 / 提问 / 段子, 渲染成 Reddit 帖子卡片, 用于视频叠加、社媒故事分享。Inspired by hyperframes reddit-post。【画布】1280×720 (视频叠加) 或 800×600 (单卡分享); 背景透明或暗色 `#0b1416`。【卡片结构】- 外框: 圆角 16px, bg 白 `#ffffff` (light) 或 `#1a1a1b` (dark, 推荐 video overlay), border 1px `#edeff1` / `#343536`。- 左侧 **vote rail** (40-56px 宽): - 上箭头 ▲ (16px, `#878a8c`, hover 变橙 `#ff4500`)。 - 票数 (Inter, 17px, weight 700, 居中, 颜色: 0 灰 / 正橙 / 负蓝); 大数字用 `12.3k` 格式。 - 下箭头 ▼ (hover 变蓝 `#7193ff`)。- 主体区: - 顶部 meta row: 子版块图标 (CSS 圆形 + 字母) + `r/subreddit` (粗) + `· Posted by u/username · 3h` (小字灰)。 - **标题** (Inter / IBM Plex Sans, 22-28px, weight 500, dark text)。 - 内容: 16px body 或引用块或 1 张图 (CSS 渐变占位)。 - 底部 action row: 💬 `1.2k Comments` · 🏆 Awards · ⤴️ Share · ⋯ icon。- 顶部右上角 Reddit Snoo logo (内联 SVG, 橙色 `#ff4500`)。【字体】- 主: `IBM Plex Sans` → fallback `Inter`, weight 400/500/700。- 数字: 同主字体。- 中文: `Noto Sans SC`。【设计细节】- Light mode: bg `#fff`, text `#1c1c1c`, secondary `#7c7c7c`。- Dark mode (推荐): bg `#1a1a1b`, text `#d7dadc`, secondary `#818384`, border `#343536`。- 票数颜色: 正 = `#ff4500`, 负 = `#7193ff`, 0 = `#878a8c`。- 标题点击区可加微妙背景 hover。- 严禁外链图片; 图片占位用 CSS 渐变 + 描述。- 必须用用户提供的内容; 自动生成合理的 subreddit / username / 票数。- 单文件 HTML; icon 内联 SVG (上下箭头、评论气泡、奖杯)。

Frequently asked questions

Social Reddit Card