すべての作品

@Ror_Fly

解説・図解
元ポストを見る

動画:@Ror_Fly(X より公式埋め込み)

Prompt

Canvas
We're going to try a little test. Do you think you could render a recipe motion graphic animation using javascript or html (w/e you think will produce the best) to show the full recipe from start to finish (empty glass to completed cocktail) - Explainer video style - Showing the recipe ingreidents + measurements as they're going into the cup. Should be a 30s video.
シェア367 文字

ほかの解説・図解

すべて見る
@verbove が Opus 5.5 で作った動画のサムネイル
@verbove
Canvas

<inputs> Ask me for: • my product + URL • 8–12 UI states that tell its story • the real data shown in each state • brand colors + fonts + accent color • require…

@ajith_io が Opus 5.5 で作った動画のサムネイル
@ajith_io
Three.jsShader

Make a dynamic 40-second motion graphics video on Distilbook that shows what an incredible motion designer you are, like it's your showreel - go all out. Use th…

@LinearUncle が Opus 5.5 で作った動画のサムネイル
@LinearUncle
SVGAudio

请用Manim给我制作一个导数概念学习的视频,要求通俗易懂,并且有例子,引人思考。配音使用edge-tts

@alex_prompter が Opus 5.5 で作った動画のサムネイル

Adopt the role of an expert motion designer. Build a 30-second animated explainer for my business as a single HTML page. 5 scenes. The customer's problem, what …

@emollick が Opus 5.5 で作った動画のサムネイル
@emollick
Canvas

A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.

@kloss_xyz が Opus 5.5 で作った動画のサムネイル
@kloss_xyz
CanvasSVG

make a video highlighting key moments in the history of AI.

自分の手で動かしてみよう

どの作品も「動画ファイル」ではなく、Opus 5.5 が書いた HTML / JavaScript のアニメーションです。プロンプトさえあれば再現できます。

  1. 1

    プロンプトをコピー

    気になる作品を開いて「プロンプトをコピー」。一覧のカードからもワンクリックでコピーできます。

  2. 2

    Claude に貼り付ける

    手軽に試すなら claude.ai でモデルに Opus 5.5 を選んで貼り付け。 本格的に作るなら空のフォルダで Claude Code を起動します。

    mkdir my-video && cd my-video
    claude --model claude-opus-5-5
  3. 3

    ブラウザで再生・アレンジ

    できた HTML をブラウザで開けば再生されます。「1 ファイルの HTML にして」「15 秒でループ」などを添えると安定します。 色・テキスト・尺を変えて自分だけの作品に。