Community图像github.com

swipespread

规划、设计并导出无缝衔接的4:5 Instagram轮播图,基于用户提供的照片和视频。适用于滑动照片展、相框式照片日记以及混合照片/视频轮播帖子,同时保留原始画面构图。

swipespread 是什么?

Swipespread 是一个专注于创建 Instagram 4:5 比例轮播图的技能,能够将用户提供的照片和短视频编排成具有连贯视觉节奏的幻灯片式体验。该技能的核心价值在于实现跨页照片的无缝连接,确保相邻页面共享同一张图片的部分区域,从而增强轮播的叙事性和视觉效果。 用途方面,它适用于多种场景,如照片展、相框日记或混合媒体轮播。该技能适用于命令行工具(如 Claude Code)或集成到 AI 代理工作流中。 工作流程包括:首先分析用户提供的媒体(照片和视频),确定开篇、序列和结尾图片,并精心设计跨页连接点;然后创建一个 1080×1350 像素的页面画布,应用一致的调色板、框架处理和排版;对于视频页面,它会选择相关节拍并进行压缩,支持 H.264 MP4 输出,可选择保留环境音;最后按顺序导出编号文件(如 01.jpg、02.mp4),并提供缝合预览。 迭代验证阶段支持逐页预览,并在应用全局更改前征求用户批准。最终检查包括页面边缘、视觉层次、连接点以及视频编码质量,确保所有导出文件正确排序、解码成功。所有原始媒体和个人信息均保留在本地,不会上传到共享仓库。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ncusspm25/swipespread/tree/HEAD

Installed? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

swipespread 是做什么的?

将一组有序的照片和短视频片段转换为具有共享视觉节奏和有意跨页连接的轮播图。

规划布局

  • 在本地检查提供的媒体文件。读取照片的方向和尺寸,预览代表性视频帧并附带时间戳。字幕、时间和名称应基于所提供的素材。
  • 选择开篇图片、序列和结尾图片。规划哪两个相邻页面将共享一张照片。将每个连接点放置在远离人脸、重要文本和其他焦点细节的位置。确保每个页面本身具有可读的构图。
  • 建立调色板、框架处理和文字大小。对于以照片为主的布局,优先使用小标签、内敛的排版和一致的边距。使用用户偏好的语言,或省略字幕。一种配色方案是雾蓝灰 #E1E9ED、冷白 #FCFDFE 和深石板 #18262C。

编辑与导出

  1. 构建一个尺寸为 1080 × 页面数 乘以 1350 像素的共享画布。在将画布分割成 1080 像素宽的页面之前,在其上绘制共享照片和规则。
  2. 应用源方向并将照片按比例适配到其框架内。必要时使用内边距。在整个跨页中保留源边缘,确保相邻页面不会相互覆盖。在支持的情况下,静态导出使用 sRGB 色彩空间。
  3. 对于视频页面,选择相关的节拍并将片段适配到同一个 1080 × 1350 像素页面内。一个 648 × 1152 像素的内部框架可保留 9:16 源比例。根据用户或需求确定是否保留环境音。当包含音频时,导出 H.264 MP4 格式(使用 AAC 音频),并采用广泛支持的像素格式,例如 yuv420p。
  4. 按滑动顺序导出编号文件,例如 01.jpg、02.jpg 和 03.mp4。将缝合预览保留在上传文件夹之外。对于视频页面,在静态预览中使用代表性帧。

迭代与验证

  • 当用户要求查看单个示例时,单独导出该页面并等待批准,然后再将更改应用于整个集合。在用户要求时备份上一版本,包括其编号文件和缝合预览。
  • 在手机大小的缩放比例下检查单个页面和缝合预览。检查照片边缘、视觉层次、连接点以及标签数量是否与需求相符。修复可见间隙并再次检查受影响的页面。
  • 确认所有导出版本尺寸均为 1080 × 1350 像素,排序正确,且解码成功。在视频的开始、剪辑切换点以及结束位置检查编码后的视频。如果支持实时播放,请观看包含音频的完整片段。报告已执行了哪些检查。
  • 提供编号文件和缝合预览的链接。将原始媒体、个人信息和项目特定输出保留在共享技能仓库之外。仅在明确要求时才上传帖子本身。

相关技能