# Agent Steps: Agent Task Log

An AI agent works through a task: a prompt, then steps that stream in and get checked off. Edit this video template in Subclip or copy its code for an AI agent.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/agent-steps

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-agent-steps.mp4?v=011203dce4

An AI agent task log that lists each step under a prompt, with small icons that turn into checkmarks as the work completes.

- Framework: Remotion
- Category: AI Chat Input
- Duration: 5 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/agent-steps

It opens with the user's request in a small pill at the top of a light page. Below it, steps stream in one line at a time, such as searching, looking up components and checking props. Each line shows a small icon and gains a blue checkmark when done, while the newest step waits in faded gray text. A soft glow sits in one corner of the frame. After the last step, the log ends on a result line and holds for a moment.

Change the request text, the list of steps and the final result line. Hold times control how long the request, each step and the ending stay on screen. You can also set the page, pill, text, step and accent colors, the glow color and its size, and the font. It suits demos of AI agents, coding assistants and automation tools, and after a free sign-in the code can be copied for use with Claude or Codex.

## Use it for

- AI agent product demos
- Coding assistant walkthroughs
- Automation tool launch videos
- Showing work in progress steps

## What you can change

- `speed`: Playback speed (Number)
- `query`: Request text (Text)
- `steps`: Task steps (Text)
- `result`: Result line (Text)
- `stepHold`: Step hold time (Number)
- `queryHold`: Request hold time (Number)
- `finalHold`: Ending hold time (Number)
- `paperColor`: Page color (Color)
- `glowColor`: Glow color (Color)
- `glowRadius`: Glow size (Number)
- `pillColor`: Request pill color (Color)
- `inkColor`: Text color (Color)
- `stepColor`: Step text color (Color)
- `accentColor`: Checkmark color (Color)
- `fontFamily`: Font (Text)
- `stageBackground`: Background around the scene (Text)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Agent Steps and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.

Built on Agent Steps from snapcn: https://snapcn.dev