Motion Skills
← Skills
付費發表

方塊變形發表影片

一個強調色方塊貫穿全片:圓點、卡片、手機,最後變成 Logo。

貼上到 Claude Code、Codex、Cursor 或任何支援 Skills 的 Agent 中。

需要: Node.js 22+、FFmpeg、Chrome。不需要 API Key。

其他配色和畫面比例

方塊變形發表影片 · 電光 · 9:16
配色: 電光 · 9:16
方塊變形發表影片 · 墨黑 · 1:1
配色: 墨黑 · 1:1

同一個範本換了配色和畫面比例後渲染出的結尾畫面。

5 套配色

  • 墨黑
    ink
  • 紙白 · 預設
    paper
  • 電光
    electric
  • 黑白
    noir
  • 沙色
    sand

在提示詞裡寫上配色名稱就能切換,也可以自訂強調色、背景色和文字色。

安裝提示詞
閱讀 https://claude-motion.com/skills/square-morph-launch/install.md,依說明安裝「square-morph-launch」Skill,然後用它做出第一支影片。

貼上到 Claude Code、Codex、Cursor 或任何支援 Skills 的 Agent 中。

範例提示詞
Use the square-morph-launch skill for Grid, a layout tool: hook "Layouts that fix themselves.", three features, CTA "Try Grid". Electric theme, 1:1.
風格提示詞(Claude Motion 或 Opus 5.5)
Make an 18-second 16:9 minimal launch for [who will watch, e.g. design system teams], playing [where, e.g. the homepage hero]. Use only the name, lines and features below; don't change a word. Off-white background, one orange shape.

Scene 1: a small orange square pops in at the center, rotates as it grows, then stretches into a thin underline as the headline rises above it. Scene 2: the shape morphs into a large orange circle with "1" beside the first feature, then into a wide card with "2", then into a tall phone shape with "3". End frame: it shrinks into a small rotated square logo mark beside the name, with a black call-to-action button and the URL below.

Headline: [e.g. "Design systems, without the meetings."]
Three features: [e.g. "Tokens — One source for every color", "Components", "Handoff"]
Product, call to action and URL: [e.g. Shape, "Start shaping", shape.design]

無需安裝:貼到 Claude Motion(Team 或 Enterprise),或直接傳給 Opus 5.5,就能得到相近的風格。每次執行結果會有差異;用 Skill 則每次結果一致。

用這個 Skill 做的作品