Frame from Audio-reactive promo for a music CD store
Prompts as submittedPartial
Use Remotion best practices skill. Create a 30-second video at 30fps. Start with a hook: white text on black background, 'Where do you even buy music anymore?' — fade it in, hold for 2 seconds, fade out.

Next section: show the Disc Depot logo from public/discdepot-logo.png. Use a warm orange gradient background. Add a subtle tagline below: 'Music, delivered.’.

In the next section, add a counter that counts up to 12,000 with a plus sign. Label it 'Happy customers'. Keep the same background style.

Create 5 CD album covers as abstract gradient cards. Different color combinations. Animate them sliding in one by one, arranged in a row.

Add artist names and song titles.

Let’s add a final section:
End with a call to action: 'Find your sound.' and the URL 'discdepot.com'. Fade to black.

Let’s improve the transition between series. For example: orange in the second section should interpolate from black to orange. Now it’s just not too smooth. And improve that between sections.

# A lot of refining prompts followed.

Very nice! Can you make logo react to audio using `useAudioData` hook? https://www.remotion.dev/docs/use-windowed-audio-data.md

Can you make ALL scenes audio reactive? So that all elements dance to the music frequencies?

I want everything react to low frequencies only

Make it yours. Replace the store and its copy: "Disc Depot", "Music, delivered.", "Happy customers", "Find your sound.", and "discdepot.com". Keep the last three requests if you want every scene to move with the music.

Prompt wanted

Audio-reactive promo for a music CD store

A 17-second promo for a CD store called Disc Depot: a hook line, the logo on an orange gradient, a customer counter, gradient album cards, and a call to action. After many refining turns, every element reacts to the low end of the music.

You'll need

  • A Remotion project (npx create-video@latest)
  • Remotion Agent Skills (npx skills add remotion-dev/skills)
  • Your logo at public/discdepot-logo.png, or change the path
  • A music track
How it was made

The submission gives the opening section-by-section prompts, a note that "a lot of refining prompts followed", and the last three requests, which made the logo and then every scene react to the music's low frequencies with Remotion's useAudioData hook. The opening prompt asks for 30 seconds; the posted render runs about 17.

Posted Feb 4, 2026 · Remotion Prompt Showcase on Website · 65 likes

Prompt from: Remotion Prompt Showcase entry, submitted by the creator. A line in the submission marks where refining prompts were left out.

Look notesby Reference

A short store promo that alternates black title cards with a warm orange gradient: a typed hook question, a graffiti-style Disc Depot logo, a customer counter, and a row of gradient album cards.

Color
Black and charcoal cards, a tangerine-to-amber gradient, white text with a soft glow, a yellow question mark, and album cards in violet, pink, cyan, and green gradients.
Type
A rounded bold sans in white, glowing slightly on black, for the hook, counter, and call to action; small white artist and album names on the cards; the URL in orange.
Framing
Centered text, with thin gold corner brackets on the opening black cards. The album cards sit in a row that runs off the right edge.
Structure
Where do you even buy music anymore? typed on black, the Disc Depot logo with Your CD store. Since 1995., a counter at 11,772+ Happy customers, 50 000 CDs available with cards for Luna Vox, The Neons, Solar Waves, and Forest Sound, then Find your sound. with discdepot.com, and a fade to black.

More like this

0:15

Vertical promo for a fan-made card site

Opus 5.5

0:27

Comic-zine promo for an AI newsletter

Hermes Agent · HyperFrames

0:30

Apple-style launch video for a workout app

Claude Code · HTML and CSS

0:48

3D promo for a travel-tracking app

Claude Code · Remotion

0:04

Keynote-style iPhone mockup rising in

Claude Code · Remotion

0:20

Apple-style promo for the VVTerm app

Claude Code · Remotion

0:37

Dark launch video for an AI desktop app

Claude Code · Remotion

0:20

Cursor Agent Skills announcement

Cursor · Remotion

1:24

Newsletter app demo built from its own UI

Claude Code · Remotion

0:08

Remotion's Agent Skills launch animation

Claude Code · Remotion

1:06

Launch video for a livestreaming product

Opus 5.5 · HTML

0:23

Launch video for a horse dating site

Prompt described · Opus 5.5

0:45

Narrated trailer for an events map app

Opus 5.5 · Playwright

0:40

Black-and-white launch film for Grok 4.7

Opus 5.5 · HTML

0:29

Apple-keynote film for a photo-print app

Opus 5.5 · HTML and CSS

0:30

30-second brand spot for Grok Bot

Claude Code · Plain JavaScript

0:40

40-second product showreel for Distilbook

Claude Code

0:40

Launch video for Cosmos, from two prompts

Opus 5.5 · HyperFrames

1:14

Stickman showcase of a Minecraft minigame

Opus 5.5 · SVG

0:32

Kinetic-type launch film for an AI startup

OpenComputer agent (LaunchVideo) · HTML and CSS

0:47

Launch video for the Wasmer SDK for Swift

Opus 5.5 · HTML and CSS

0:46

Launch video for a SaaS the model picked

Opus 5.5 · HyperFrames

0:48

Paper-collage promo for a nutrition app

Partial prompt · Opus 5.5 · Plain JavaScript

0:32

Apple-style vertical film from screenshots

Prompt described · Claude Cowork · Three.js

0:26

Launch video for an AI inference startup

Claude Code · Plain JavaScript

0:31

Laptop launch film from a one-line prompt

Codex · HyperFrames

0:45

Launch video for Linear made from its URL

Partial prompt · HyperFrames

1:02

One-camera promo film for HyperFrames

HyperFrames

0:30

Zasshi King promo with a UI shatter

Hermes Agent · HyperFrames

4:14

EDM video mixing DJ footage and shaders

Opus 5.5