القائمة
拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享
التثبيت باستخدام 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-x-post-card |
| zh_name | X (Twitter) 帖子卡 |
| en_name | X / Twitter Post Card |
| emoji | 𝕏 |
| description | 拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享 |
| category | card |
| scenario | marketing |
| aspect_hint | 1280×720 或 1080×1080 |
| featured | 44 |
| tags | ["twitter","x","social","card","overlay"] |
| example_id | sample-social-x-post-card |
| example_name | X 帖子卡 · AlchainHust 金句 |
| example_format | markdown |
| example_tagline | X dark mode + 互动数据 |
| example_desc | 一条金句推文 + 12.3K likes / 1.2K reposts + 蓝勾 |
| example_source_url | https://hyperframes.heygen.com/catalog |
| example_source_label | hyperframes · x-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":"用「X (Twitter) 帖子卡」模板把我的内容做成一份「拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"} |
【模板: X (Twitter) 帖子卡】 【意图】把一段推文内容 (或用户的金句) 渲染成一张拟真度极高的 X 帖子卡片, 用于视频叠加、推特发图、知识沉淀。Inspired by hyperframes x-post。
【画布】1280×720 或 1080×1080, 暗背景 #0f1419 或亮背景 #ffffff (按 X 主题); 卡片居中, 阴影柔和。
【卡片结构】
#2f3336 (dark) / #eff3f4 (light), 内边距 16px。@username + verified 蓝勾 + 时间 (mono, 12px, 灰)。#1d9bf0; hashtag 同色; mention 同色; 段落间空 0.6em。【字体】
Chirp (X 的字体) → fallback Inter 或 Segoe UI。Noto Sans SC / PingFang SC。【设计细节】
#fff, text #0f1419, secondary #536471, border #eff3f4, accent #1d9bf0。#000, text #e7e9ea, secondary #71767b, border #2f3336, accent #1d9bf0。radial-gradient(...) 增加视频叠加的可读性。