Motion Skills
← Skills
Premiumローンチ

機能グリッド

ベントーグリッドが組み上がり、各機能にスポットライトが当たります。

Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。

必要なもの: Node.js 22+、FFmpeg、Chrome。API キー不要。

ほかのテーマと画面比率

機能グリッド · ペーパー · 9:16
テーマ: ペーパー · 9:16
機能グリッド · エレクトリック · 1:1
テーマ: エレクトリック · 1:1

同じテンプレートをテーマと画面比率を変えてレンダリングした最終フレームです。

5つのテーマ

  • インク · デフォルト
    ink
  • ペーパー
    paper
  • エレクトリック
    electric
  • ノワール
    noir
  • サンド
    sand

プロンプトでテーマ名を指定するだけで切り替わります。アクセント色・背景色・文字色を自分で指定することもできます。

インストール用プロンプト
https://claude-motion.com/skills/feature-grid/install.md を読んで手順どおりに「feature-grid」スキルをインストールし、それを使って最初の動画を作ってください。

Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。

プロンプト例
Use the feature-grid skill for our pricing page video: headline "Pro includes", stat "∞", features "Unlimited projects: No caps. | SSO: Okta, Google, Azure. | Audit log: Every change tracked. | Priority support: Under 1 hour."
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 10-second 16:9 feature overview for [who will watch, e.g. trial users], playing [where, e.g. the pricing page]. Use only the headline, numbers and feature names below; don't change them. Near-black background.

The headline rises word by word. Below it, a bento grid assembles from slightly scattered, rotated tiles: one large orange hero tile with a giant number counting up and a short label, plus five dark tiles with small orange icons and titles. End frame: each tile lifts slightly in turn with a light glint sweeping across it.

Headline: [e.g. "Everything your launch needs"]
Hero number and label: [e.g. "12x", "Prompt to video"]
Five features: [e.g. "Brand kits", "9:16 ready", "Live preview", "Team review", "4K export"]

インストール不要:Claude Motion(Team または Enterprise)に貼り付けるか、Opus 5.5 に渡すと近い雰囲気になります。結果は実行ごとに変わります。Skill なら毎回同じ結果です。

この Skill で作った作品