Community编程与开发github.com

mohammadshoaib-786786/video-editor

制作Instagram轮播图(4:5比例,1080×1350像素,最多10页),采用编辑风格Pixel Crew——包括封面、每位AI员工/步骤对应的页面(技能、工具包、交付物、流程、步骤指示器)、“工作循环”页面以及评论关键词号召行动页面——导出为静态PNG和动态MP4。当用户请求轮播图、Instagram/LinkedIn幻灯片或“像Meta广告团队那样的帖子”时使用。

video-editor 是什么?

该技能专注于为社交媒体平台(如Instagram和LinkedIn)创建具有Pixel Crew编辑风格的轮播图。它通过预定义的JavaScript模板和Node.js脚本自动化了从内容定义到导出的整个过程。用户可以通过简单的命令初始化项目,然后编辑`slides.js`文件来定义品牌信息、系列名称和最多10张幻灯片,包括封面、员工介绍、工作循环和号召行动等类型。每张员工幻灯片都包含颜色编码、姓名、部门、一句话描述、图标、状态、技能(4项)、工具(4项)、交付物(4项)和流程(3步)。技能支持同时导出静态PNG和动态MP4文件,并提供了检查溢出和优化内容的指导。它适用于Claude Code、Cursor等AI编程助手,通过清晰的脚本和结构化数据降低了创建专业级社交媒体内容的门槛。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mohammadshoaib-786786/video-editor/tree/HEAD/.claude/skills/pixel-crew-carousel

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

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

文档

Pixel Crew 轮播图

示例:projects/ai-meta-ads-team。内容存放在 slides.js 中 (window.DECK);布局和动画在 slide.js 中;样式在 kit/carousel.css 中。

步骤

  1. node scripts/new.mjs carousel <名称>
  2. 重写 slides.js:
    • brand(品牌名称、标语、句柄、关键词)和 series(显示在每个标题中)。
    • steps:每名员工的简短标签(显示在封面和底部步骤指示器中)。
    • 幻灯片类型:cover(封面)、employee(员工,×N)、loop(循环)、cta(号召行动)。保持最多 10 张幻灯片。
    • 员工字段:color(r1…r7)、name(姓名)、dept(部门)、line(一句话描述)、prop(道具:magnifier、pencil、wrench、rocket、sliders、chart、chat)、status(状态,不超过 24 个字符)、skills(4×[图标, 标题, 描述],描述不超过 34 个字符)、tools(4×["glyph:infinity" | "icon:<名称>", 标签, 颜色])、delivers(4 个短项)、flow(3×[标题, 描述])。
    • 图标:查看 kit/sprites.js(P 映射)中的名称和字形 infinity、camera、note、alien。
  3. node scripts/carousel.mjs projects/<名称> --png 并查看生成的 PNG(并排两张最快)。通过缩短文本(而非缩小字体)来修复溢出。
  4. node scripts/carousel.mjs projects/<名称> 生成 PNG + MP4 文件到 renders/<名称>/。

发布:按顺序上传 PNG(或动态 MP4);在 Instagram 应用中添加音乐。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能