社交图片卡片生成器

ReactSocial MediaImageCard设计更新于 2026-08-14

使用场景: 生成可发布的社媒图片:Twitter 卡片、小红书知识卡与轮播图、LinkedIn 图表与可分享的引语图形。

安装
npx skills add social-image-card-builder
克隆
git clone https://github.com/skillhub-community/social-image-card-builder.git

描述

社媒图片卡片生成器。卡片类型:TwitterCard(引语+账号+互动数据,1200×675 保证信息流中裁剪干净)、XiaohongshuNote(3:4 竖版知识卡,标题、要点、标签——小红书笔记封面风格)、CarouselPack(3-6 张 1080×1080 连续面板组成可滑动故事)与 DataCard(把图表/数据点变成可分享图形)。每张卡片基于模板,可编辑文字、强调色与布局变体。

自动套用平台尺寸规则(Twitter 1200×675、Instagram 1080×1080、Stories 1080×1920),导出 PNG@2x 保证移动端清晰。包含文字安全区编辑器(高亮覆盖层必须避开的区域)、从 BrandTokens 取色取字体的品牌模式,以及一次生成整周内容日历卡片的批量模式。模板为纯 SVG/HTML canvas,任意尺寸都锐利、可打印。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@media_lin
许可证MIT
版本1.0.0
依赖0