すべての作品

@alex_prompter

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

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

Prompt

SVGGSAP
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 I do, how it works in 3 steps, one proof point, and my name at the end. Bold text, smooth transitions, my brand colours. My business [DESCRIBE WHAT YOU SELL, WHO IT'S FOR AND YOUR COLOURS]
シェア348 文字

ほかの解説・図解

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

explain a token bucket rate limiter, canvas only, no libraries, every frame a pure function of time so my renderer can screenshot it.

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

I Want you to make a modern slick and punchy video for http:// datagran.io with an example of a user creating a chatgpt ads campaign, then connecting their metr…

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

make a hand-drawn stop-motion animation; story: you're defi saver and explaining yourself in 1st person

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

Build a looping "infinite zoom" animation, After Effects style: the camera travels from landscape to landscape by flying through vintage objects. LOOK: vintage …

@Ror_Fly が Opus 5.5 で作った動画のサムネイル
@Ror_Fly
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)…

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

make a modern slick and punchy video for a modern startup that works on inference

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

どの作品も「動画ファイル」ではなく、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 秒でループ」などを添えると安定します。 色・テキスト・尺を変えて自分だけの作品に。