Community程式設計與開發github.com

mohammadshoaib-786786/video-editor

製作 Instagram 輪播貼文(4:5,1080×1350,最多 10 張投影片),採用 Pixel Crew 編輯風格 — 包含封面、每位 AI 員工/步驟投影片(技能、工具包、交付項目、流程、步驟指示器)、「運作方式」投影片以及留言關鍵字 CTA — 輸出為 PNG 靜態圖和 MP4 動畫投影片。當使用者要求輪播、Instagram/LinkedIn 投影片或「像 Meta Ads 團隊那樣的貼文」時使用。

video-editor 是什麼?

此技能可自動化建立 Instagram/LinkedIn 輪播貼文,遵循 Pixel Crew 編輯風格。它會生成立即可發布的 PNG 靜態圖與 MP4 動畫投影片,非常適合用於展示 AI 團隊或代理工作流程。使用 node scripts/new.mjs carousel <name> 指令初始專案,然後修改 slides.js 以定義品牌資訊、員工詳細資料(最多 10 張投影片),包括顏色、姓名、部門、工具、技能等。執行節點腳本後,系統會渲染 PNG 和 MP4 檔案到 renders/ 目錄,方便直接上傳到 Instagram 或 LinkedIn。

相容平台~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 <name>
  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 × [icon, title, description],description ≤ 34 字元)、tools(4 × ["glyph:infinity" | "icon:<name>", label, colour])、delivers(4 個簡短項目)、flow(3 × [title, description])。
    • 圖示:請參閱 kit/sprites.js(P 映射表)中的名稱以及字形 infinity、camera、note、alien。
  3. node scripts/carousel.mjs projects/<name> --png 並檢視 PNG(並列兩張最快)。透過縮短文案(而非縮小字型)修正溢出。
  4. node scripts/carousel.mjs projects/<name> 產生 PNG + MP4 到 renders/<name>/。

發布:依序上傳 PNG(或動畫 MP4);在 Instagram 應用程式中加入音樂。

Individual skills in this repo

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

相關技能