القائمة
拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
推特金句 / 数据卡, 适合配推文
小红书风格知识卡片, 多张联排可滑动浏览
把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)
| 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 |
| od | {"mode":"prototype","surface":"web","platform":"desktop","scenario":"marketing","upstream":"https://github.com/nexu-io/html-anything","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":false},"example_prompt":"用「Reddit 帖子卡」模板把我的内容做成一份「拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"} |
【模板: 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。