Communitygithub.com

notasimrazzaq/AI-Video-Editor

從零開始製作動態圖形影片,無需任何原始影片素材:純文字/腳本影片、產品發表影片、從截圖生成 SaaS 宣傳片、首次測試渲染,或 10 種動態展示(使用 PROMPTS 02、03、08、09、10)。適用時機:使用者提供腳本、產品描述、應用程式截圖或簡要說明,並希望從無到有製作動畫影片。

AI-Video-Editor 是什麼?

這個技能能夠從頭開始生成動態圖形影片,不需要任何原始影片素材。它支援多種影片類型,包括純文字/腳本影片、產品發表影片、SaaS 宣傳片、首次測試渲染以及 10 種動態展示。技能依賴 hyperframes-core 和 hyperframes-animation 套件,並提供了 PowerShell 腳本用於建立新專案。它包含詳細的製作規範(Briefs),針對不同影片類型(如文字影片、產品發表、SaaS 宣傳、首次渲染、動態展示)設定了預設解析度、幀率、時長以及視覺風格(預設為白色磨砂卡片搭配柔和淺色漸層與 Inter 字型)。工作流程包括 lint 檢查、快照驗證、渲染及匯出,並可搭配音效與透明背景的後製選項。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/notasimrazzaq/AI-Video-Editor/tree/HEAD/.agents/skills/mg-from-scratch

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

從零開始製作影片

運作機制:載入 hyperframes-core + hyperframes-animation。也可適用的上游路線:faceless-explainer(文字)、product-launch-video(產品/SaaS)。此技能的規範與規則優先於其他衝突。

設定

powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<名稱>"                      # 文字 / 產品
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<名稱>" -Screenshots "<目錄>"  # SaaS 宣傳片

產品照片 → 複製到 projects/<名稱>/product.png。然後在 projects/<名稱>/ 中工作。 風格:若未指定則詢問使用者,然後套用 mg-styles 中的區塊。若無指定風格:使用白色磨砂卡片搭配柔和淺色漸層與 Inter 字型。

規範(填入使用者的細節;要求提供真實數字,否則將自創的數字標記為範例)

純文字(PROMPT 08) · 預設 1080x1920,30 fps 完全使用使用者的原文,不得改寫或縮短。每畫面一句話,字體夠大以便在手機上閱讀;長句可在同一畫面內換行至 2–3 行。每個畫面停留時間足以閱讀(每個詞約 0.35 秒,最少 1.2 秒)。所有文字位於畫面寬度的中間 80% 內。→ renders/text.mp4

產品發表(PROMPT 09) · 預設 1920x1080,30 fps,約 12 秒 若存在 product.png 則以其為主角,否則用 HTML/CSS 建構產品(應用程式畫面、標誌或手機)。 0–2 秒 標誌/名稱展示 → 2–9 秒 三個功能時刻,每個都要展示產品實際執行的動作,而不只是一句話 → 9–12 秒 結束卡:名稱、一句短語、行動呼籲按鈕。→ renders/product.mp4

SaaS 宣傳片(PROMPT 10) · 預設 1920x1080,30 fps,約 60 秒

  1. 先仔細檢視每張截圖(查看圖片),並寫下每張圖片展示的內容。
  2. 開頭用一句簡短吸引人的話,接著每張畫面放大到關鍵部分(數字、圖表、按鈕),並用一句簡短的話說明它為客戶帶來的價值。
  3. 直接使用截圖原貌——不要重新繪製。
  4. 動態感:快速的縮放與平移,畫面之間使用大膽粗體的文字,剪輯點跟著穩定的節拍。
  5. 結尾:標誌、一句短語、行動呼籲按鈕。→ renders/promo.mp4

首次渲染 / 冒煙測試(PROMPT 02) · 1920x1080,30 fps,6 秒 紫色到藍色漸層上的磨砂卡片:灰色標籤 MY FIRST RENDER,數字在 2 秒內從 0 數到 100,4 秒處彈出綠色膠囊按鈕。→ renders/first.mp4

動態展示(PROMPT 03) · 1080x1920,30 fps,14 秒 來自 mg-styles 的 10 種動態,每種約 1.3 秒,深色背景上的白色卡片,上方以小字顯示動態名稱。→ renders/moves.mp4

完成

npx hyperframes lint → npx hyperframes check → 在關鍵時刻拍攝快照(檢視快照) → 渲染 → 將通過審核的檔案複製到 exports/。 音效:mg-sound。變體 / 透明背景:mg-export。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

notasimrazzaq/AI-Video-Editor

Add motion graphics on top of the user's own raw / talking-head video (Damiano 'Motion Graphics with Claude Code' workflow, PROMPT 11 + 12). Use when: the user gives a raw video, reel, clip or footage and wants it edited, animated, 'made into a masterpiece', cards/counters/checklists added, or a specific moment fixed ('when I say X, show Y').

notasimrazzaq/AI-Video-Editor

Render and export HyperFrames videos: frame rate, 4K, ProRes MOV, PNG sequence, smaller files (--crf), transparent overlays for Premiere/After Effects (PROMPT 14), plus quick fixes when something looks wrong (fonts, cropping, captions overlap, timing, huge files). Use when: the user asks to render, export, change resolution/fps, make it transparent, reduce size, or says something looks off.

notasimrazzaq/AI-Video-Editor

Check or repair the video-editing toolchain on this Windows PC (Node 22+, FFmpeg, Deepgram key, Chrome, HyperFrames skills). Use when: transcription or rendering fails, a new PC needs setup, .setup-ok is missing, or the user asks to update HyperFrames.

notasimrazzaq/AI-Video-Editor

Add sound effects to a motion-graphics video: the kit's clicks (pop, tick, counter, chime, snap, star, switch, fill, success) and the paper / stop-motion set (paper-flip, paper-drop, paper-rustle, tape-rip, marker-tick, marker-scribble, stamp, paper-slide, thump). PROMPT 13. Use when: the user asks for sound effects, SFX, clicks, ticks, dings, crisp sounds, page turns, paper sounds, or 'make it sound better'.

相關技能