Menu
拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional 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。