Realistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.
9881cff【模板: Reddit 帖子卡】 【意图】把一段故事 / 提问 / 段子, 渲染成 Reddit 帖子卡片, 用于视频叠加、社媒故事分享。Inspired by hyperframes reddit-post。
【画布】1280×720 (视频叠加) 或 800×600 (单卡分享); 背景透明或暗色 #0b1416。
【卡片结构】
#ffffff (light) 或 #1a1a1b (dark, 推荐 video overlay), border 1px #edeff1 / #343536。#878a8c, hover 变橙 #ff4500)。12.3k 格式。#7193ff)。r/subreddit (粗) + · Posted by u/username · 3h (小字灰)。1.2k Comments · 🏆 Awards · ⤴️ Share · ⋯ icon。#ff4500)。【字体】
IBM Plex Sans → fallback Inter, weight 400/500/700。Noto Sans SC。【设计细节】
#fff, text #1c1c1c, secondary #7c7c7c。#1a1a1b, text #d7dadc, secondary #818384, border #343536。#ff4500, 负 = #7193ff, 0 = #878a8c。Copy a source-pinned command for your client. You run it yourself.
Destination: .claude/skills/social-reddit-card · pinned to the source commit
# Run from your project root
git clone https://github.com/nexu-io/open-design.git .skillboard-tmp
git -C .skillboard-tmp checkout 9881cff70e02be86c2a58130af512011ba23d4af
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/plugins/_official/examples/social-reddit-card" ".claude/skills/"
rm -rf .skillboard-tmpReview the source before running. This copies files into your project; it is not a one-click install and does not verify runtime safety.
sudo apt update && sudo apt install -y gitnpm install -g @anthropic-ai/claude-code# Run from your project root
git clone https://github.com/nexu-io/open-design.git .skillboard-tmp
git -C .skillboard-tmp checkout 9881cff70e02be86c2a58130af512011ba23d4af
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/plugins/_official/examples/social-reddit-card" ".claude/skills/"
rm -rf .skillboard-tmpDestination: .claude/skills/social-reddit-card
Scanner static-checks@0.1.0 · commit 9881cff70e02. Static checks cannot prove runtime safety – review the source and the exact diff before installing. How checks work.
No static rules matched. This is not a safety guarantee.