Creador de GIF de terminal
Reproduce pseudo-terminal y graba como animación GIF para descargar.
Vista previa
Cómo usar
Acerca de esta herramienta
Este creador de GIF de terminal convierte la salida de un pseudoterminal en un GIF animado descargable, sin grabar tu pantalla. Pega o escribe los comandos y la salida que quieres mostrar, previsualiza la sesión y exporta un GIF que puedes incluir en un README, un changelog, una entrada de blog o una demo de producto. Está pensado para desarrolladores y redactores técnicos que necesitan una forma ligera de ilustrar flujos de trabajo de CLI. Como la animación se genera en el navegador a partir del texto que proporcionas, evitas grabaciones de pantalla ruidosas, elementos de interfaz innecesarios y archivos de vídeo pesados. La herramienta es gratuita y no requiere registro. Úsala cuando una demo de terminal corta y en bucle comunique más rápido que un bloque de código estático.
Cómo usar
1. Introduzca un script etiquetado (véase lista de etiquetas) 2. Pulse « Reproducir » para previsualizar; « Pausa » y « Desde el inicio » para controlar 3. Pulse « Grabar » para grabar GIF; se descargará al terminar Las líneas que empiezan con ; son comentarios. Las líneas vacías se muestran en blanco.
Opciones
Lista de etiquetas (solo inicio de línea)
| Etiqueta | Descripción | Ejemplo |
|---|---|---|
[prompt] / [prompt:v] texto | Indicador. Texto después = entrada como cmd. Valor = indicador; def.: "~ $ " o anterior | [prompt:/ $] npm run |
[cmd] / [cmd:ms] valor | Entrada de comando. Def.: 60ms/car | [cmd] echo hello |
| Sin etiqueta | Salida | Hello World |
[wait] / [wait:ms] | Espera | [wait:500] |
[progress] / [progress:ms] etiqueta | Barra de progreso. ms = tiempo hasta 100 %. Def. 2000ms | [progress:3000] Installing... |
[spinner] / [spinner:ms] etiqueta | Spinner. ms = tiempo de visualización. Def. 1500ms. Desaparece al terminar | [spinner] Loading |
[clear] | Borrar pantalla | [clear] |
[question] / [question:ms]P[answer] / [answer:ms]R | Pregunta + respuesta | [question]Name?[answer]Bob |
[color:nombre]...[/color] | Color de texto (solo black,red,green,yellow,blue,purple,cyan,gray) | [color:red]error[/color] |
[color:nombre:r]...[/color] | Fondo (como color) + texto blanco | [color:green:r] OK [/color] |
[bold]...[/bold] | Negrita inline | [bold]bold[/bold] |
; al inicio | Comentario | ; comment |
Casos de uso
• GIFs de demo CLI para README y documentación • Ilustraciones de tutoriales • Ejemplos de uso de herramientas • Entradas de blog y presentaciones
Ejemplos de código
1[prompt]
2[cmd] echo hello
3Hello World
4[wait:500]1[prompt]
2[cmd] npm install
3[color:green]✓[/color] installed [bold]successfully[/bold]
4[progress:2000]
5Done.Privacidad y datos
La reproducción y la generación GIF se realizan en el navegador; no se envían scripts ni GIF a ningún servidor.
Preguntas frecuentes
- Q: ¿Qué es un GIF de terminal?
- A: Un GIF animado que parece una sesión de terminal, útil para mostrar comandos de CLI en la documentación sin necesidad de reproductores de vídeo.
- Q: ¿Necesito grabar mi pantalla?
- A: No. Pega o escribe la salida del pseudoterminal y exporta un GIF directamente en el navegador.
- Q: ¿Para qué puedo usar el GIF?
- A: Demos en README, entradas de blog, changelogs, documentación de onboarding y publicaciones en redes sociales.
- Q: ¿Es gratis?
- A: Sí. No se requiere registro.
