# Agent Steps: Registro de tareas

Un agente de IA completa una tarea con una secuencia de pasos verificados. Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

Canonical URL: https://www.subclip.app/es/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

Un registro de tareas de un agente de IA que enumera cada paso bajo un prompt, con pequeños iconos que se convierten en marcas de verificación al completarse.

- Framework: Remotion
- Categoría: Entrada de chat con IA
- Duración: 5 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/remotion/agent-steps

Empieza con la petición del usuario en una pequeña cápsula en la parte superior de una página clara. Debajo, los pasos llegan línea a línea, como buscar, consultar componentes y revisar props. Cada línea muestra un pequeño icono y recibe una marca de verificación azul al terminar, mientras el paso más reciente espera en gris atenuado. Un brillo suave ocupa una esquina del encuadre. Tras el último paso, el registro termina en una línea de resultado y se mantiene un momento.

Cambia el texto de la petición, la lista de pasos y la línea final de resultado. Los tiempos de pausa controlan cuánto se quedan en pantalla la petición, cada paso y el final. También puedes ajustar los colores de la página, la cápsula, el texto, los pasos y el acento, el color del brillo y su tamaño, y la fuente. Encaja en demos de agentes de IA, asistentes de programación y herramientas de automatización, y tras iniciar sesión gratis puedes copiar el código para usarlo con Claude o Codex.

## Úsala para

- Demos de producto de agentes de IA
- Recorridos de asistentes de código
- Lanzamientos de herramientas de automatización
- Mostrar pasos de trabajo en curso

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `query`: Texto de la petición (Texto)
- `steps`: Pasos de la tarea (Texto)
- `result`: Línea de resultado (Texto)
- `stepHold`: Pausa de cada paso (Número)
- `queryHold`: Pausa de la petición (Número)
- `finalHold`: Pausa final (Número)
- `paperColor`: Color de la página (Color)
- `glowColor`: Color del brillo (Color)
- `glowRadius`: Tamaño del brillo (Número)
- `pillColor`: Color de la cápsula de petición (Color)
- `inkColor`: Color del texto (Color)
- `stepColor`: Color del texto de los pasos (Color)
- `accentColor`: Color de la marca de verificación (Color)
- `fontFamily`: Fuente (Texto)
- `stageBackground`: Fondo alrededor de la escena (Texto)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Agent Steps y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.

Basada en Agent Steps de snapcn: https://snapcn.dev