a3f9c2eToast de terminal de despliegue
Una terminal escribe el registro de la publicación línea a línea y termina con el resumen, el commit y un botón para abrir.
Ajustes
Código
<div class="uvq09-dpl"><button type="button" class="fire">Desplegar otra vez</button><div class="tt" role="status"><div class="bar" aria-hidden="true"><i></i><i></i><i></i><span>deploy · zsh</span></div><ol class="lg" aria-hidden="true"><li style="--i:0"><em>$</em> git push origin main</li><li style="--i:1">Compilando 48 páginas</li><li style="--i:2">Subiendo a 12 regiones</li><li class="ok" style="--i:3">Listo en 8,4 s</li></ol><div class="ft"><span class="ck" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></span><b>Publicado en producción</b><code>a3f9c2e</code><button type="button" class="op">Abrir</button></div></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Toasts
Ver todos: ToastsDónde usarlo
Las herramientas para desarrolladores hablan en terminal, así que un aviso de despliegue se lee bien como una. Una ventana oscura con los tres puntos de colores muestra el push, la compilación y la subida línea a línea con retrasos CSS escalonados, después un cursor parpadea tras el último check y sube un pie con el resultado. Encaja en paneles de integración continua, hosting y herramientas internas.
El color principal es el verde de éxito y el secundario el del prompt y la etiqueta del commit. Edita las líneas del registro según tu flujo, que quepan en una fila, y enlaza el botón Abrir con la dirección publicada.