Social Clips 是一个把 Slack 讨论串制作成动画社交视频的工具,呈现 Slack 深色模式界面,包含真实头像、正在输入提示、表情回应与弹性动画。输出为 MP4(竖版 1080x1920 与横版 1920x1080)和 GIF。
使用方式:先 npm install;用 npm run studio 在浏览器预览,用 npm run render:stories、npm run render:landscape 渲染 MP4,用 npm run gif:stories、npm run gif:landscape 生成 GIF;也可用 npx remotion render <composition-id> out/<name>.mp4 --codec=h264 --crf=18 直接渲染。
制作新片段的流程:通过 mcp__slack__slack_get_thread_replies(channel_id, thread_ts) 拉取讨论串(thread_ts 可从链接提取),用 mcp__slack__slack_get_users(limit: 200) 获取头像并用 curl 下载到 src/assets/avatars/;在 src/slack-types.ts 添加发送者(联合类型、头像导入、含 avatarPhoto 的 SenderConfig),头像可用照片,缺失时回退为彩色首字母;在 src/data/<clip-name>.ts 写 MESSAGES 与 TIMELINE 数据,文本支持 @提及、粗体、换行与项目符号,同一发送者的连续消息会自动合并头像与名字;在 src/Root.tsx 注册竖版与横版 Composition;最后用 Remotion 渲染,并用 ffmpeg 转 GIF。
时间轴以 30fps 计,30 帧为 1 秒。官方给出叙事结构建议(钩子、头脑风暴、冲突、突破、爆发、收尾)、消息长度与总时长参考(60 秒 1800 帧、75 秒 2250 帧、90 秒 2700 帧)以及各类事件帧数参考。组件包括 SlackScreen、SlackMessageRow、SlackAvatar、SlackHeader、SlackTypingIndicator、SlackReactionPill、SlackInputBar。
限制与未提供信息:需自行准备 Slack 数据与头像资源,具体收费、价格与平台支持范围资料未提供。