MOTIONSTASH
All components

Agent Composer

Product & UI

A prompt types into a composer, the submit button takes a real press, and the agent's work reports itself step by step

Download preview768×432 preview render — the full-resolution file comes from running the component
8 seconds
Format
Agent Composer — A prompt types into a composer, the submit button takes a real press, and the agent's work reports itself step by step

This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.

agentpromptuitypingspinnerproductdark
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/agent-composer.tsx
Frame1920×1080
Duration240f · 8s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A dark product frame showing someone prompting an agent. Type the prompt into a pill-shaped composer with a blinking caret at the real 530ms cadence, then press the circular accent submit button — an actual dip and rebound, not a colour change. After submit the composer settles back and a task card rises underneath, reporting each step in turn with a sweeping spinner that becomes a check as the next step starts.