Communitygithub.com

akachandan1/video-studio

繪畫風格與插畫動畫——Kurzgesagt 風格的平面科學解說（「內部有什麼」、比例、機制）、藝術史風格（梵谷、莫內、李奇登斯坦、草間彌生、馬諦斯、立體主義、水墨畫、8位元、羅馬馬賽克、洞穴壁畫、波斯細密畫…）。使用huashu-art-motion畫布引擎搭配自訂場景，渲染MP4，並在HyperFrames中組合與配樂。同時包含claude-animation外掛，用於手繪2D動畫。

video-studio 是什麼？

這項技能讓AI代理能夠生成風格多樣的藝術動畫，從Kurzgesagt風格的平面科學解說，到梵谷、莫內等藝術史風格的繪畫。它使用huashu-art-motion畫布引擎，這是一個決定性的畫布引擎，用戶可以編寫自訂的JavaScript場景，而非依賴預設模板。動畫透過Playwright渲染為30幀的MP4影片，然後在HyperFrames中組裝，加入標題、字幕和自動適應的配樂（使用音量標準化至-14 LUFS）。技能支援所有風格的渲染：Kurzgesagt風格（帶環繞光的平面著色、連續世界、慢慢推進鏡頭）、繪畫風格（方向筆觸、網點、點畫、小面、水墨、像素化）及手繪2D（透過claude-animation外掛）。使用者可以組合這些風格，並在HyperFrames以單一HTML頁面形式輸出完整影片。主要平台是Claude Code和支援Playwright的任何終端環境，需要本機安裝huashu-art-motion引擎和HyperFrames。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/akachandan1/video-studio/tree/HEAD/.claude/skills/art-styles
查看原文→瀏覽所有技能

在你喜歡的 AI 中提問

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

說明文件

藝術風格動畫 → HyperFrames

引擎

  • huashu-art-motion（~/.claude/skills/huashu-art-motion，由setup.sh安裝）：決定性畫布引擎 （window.renderFrame(t)），繪圖函式庫 PAINT（筆觸、網點、像素化、塗抹、馬賽克、小面、水墨、 畫筆、剪裁 → Path2D）、TOON（平面著色）、CAM（pushTo推進）。請閱讀其 SKILL.md 了解 API。
  • claude-animation 外掛（手繪2D，紋理編輯/水彩風格）——另一種視覺風格。
  • HyperFrames 負責組合、標題、音效、字幕及最終渲染。

有效的工作流程

  1. 自訂場景，而非預設。 huashu 的 render.py --spec 剪輯會繪製中心節點與衛星節點，並作為 心智圖讀取。要製作展示級作品，請編寫場景： 將 scripts/engine 複製到 videos/<name>/engine，建立 demos/<film>/eras.js + <film>.js， 並註冊 SCENES['id'] = (g, t, W, H) => {...}。
  2. Kurzgesagt 風格： 一個連續的世界，使用 TOON 著色的平面形狀、環繞光，緩慢的 CAM.pushTo 推進 到每一層（「內部有什麼」），Poppins/圓角字體，按節拍彈出的比例尺與標籤。
  3. 繪畫風格： 先構圖主題，然後以每種風格的筆觸渲染（梵谷 = 沿向量場的方向筆觸；李奇登斯坦 = 網點 + 黑色輪廓；草間彌生 = 點；立體主義 = 小面 ~nx26/ny16 並帶有微小偏移——太多小面會變成破碎混亂；水墨 = inkWash；8位元 = 像素化 + 色盤）。
  4. 渲染（30 fps，引擎預設為60）： uv run --with playwright python render.py --film demos/<film> --solo <id> --no-counter --fps 30 --from 0 --to <s> --out clip.mp4 （直式使用 --width 1080 --height 1920）。
  5. 在 HyperFrames 中組合： 將剪輯作為 `<video class=

Individual skills in this repo

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

akachandan1/video-studio

Add styled, word-synced captions (and an optional scroll-stopping hook) to a talking video. The user gives a video; you transcribe it, show every caption style rendered on their own footage, they pick a style and hook, and you render the captioned MP4. Use when the user uploads/gives a video and says "caption this", "add captions/subtitles", "make captions", "caption styles", "add a hook", or invokes /caption-video.

akachandan1/video-studio

Fast CapCut-style chop-cut reel with a story — showreels, hype edits, launch teasers, "make it punchy". One canvas engine on a beat grid (punch-ins on cuts, flash frames, impact shakes, whip pans, speed ramps, freeze frames) rendered in HyperFrames, in 16:9 and 9:16 from one edit, with an original synthesized score locked to the cuts.

akachandan1/video-studio

Guided studio for narrated, fact-checked explainer videos in a Vox-style editorial look (bold collage, flat colour fields, marker annotations, big numbers) or a paper-diorama documentary look. One idea in → sourced script in 10-second blocks → style key + per-scene prompts (or free code-built collage scenes) → offline voiceover fitted to each block → HyperFrames cut with captions, animated number callouts and an original score, in 16:9 and/or 9:16. Use for "Vox-style video", "explainer", "animated explainer", "data-driven video", "make a video about X", "why does X happen".

akachandan1/video-studio

Apple / OpenAI-style product launch film or premium spec ad (30–60 s) — minimal supers, big product moments, signature transition, piano/pulse score, end-card lockup. Shots come from code (HyperFrames scenes), Higgsfield AI image→video, or real product footage, all assembled and rendered in HyperFrames. Includes the fold-cut builder (shots hinge shut/open on the centre line).

相關技能

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community