社交图片卡片生成器
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