Como ele é
Parece a janela de um terminal de computador em modo escuro: fundo azul-marinho com um brilho anil num canto e ciano no outro, três pontinhos discretos no topo, o título no centro e botões para copiar e limpar. O texto usa fonte monoespaçada; o prompt mostra a pasta atual e uma seta, seguido de um cursor em bloco que pisca. As respostas vêm em cores, com pastas em azul e sucessos em verde. Na demonstração, os comandos se digitam sozinhos até a pessoa começar a digitar, e o deploy gira um indicador e enche barras até mostrar o endereço publicado. Também existe um tema claro.
Você pode estar procurando isto se pediu algo assim
- um terminal de mentira no site para mostrar como usar minha CLI
- janela de linha de comando que digita os comandos sozinha
- simular um deploy com barra de progresso na página de documentação
- tela escura tipo terminal em que o visitante consegue digitar comandos
- aquele terminal com texto colorido para a home de um produto para devs
- tutorial interativo em que o usuário testa comandos sem instalar nada
- mostrar a instalação do meu pacote num terminal animado
Também chamado de
- terminal simulado
- terminal no navegador
- emulador de terminal
- linha de comando
- fake terminal
- terminal emulator
- web terminal
- CLI demo
Quando usar
- Documentação de CLI e de SDK que precisa mostrar comandos e respostas
- Home e onboarding de produtos para desenvolvedores
- Tutoriais interativos em que a pessoa testa comandos sem instalar nada
- Demonstrações de deploy ou de instalação em páginas de lançamento
Quando evitar
- Quando os comandos precisam rodar de verdade num servidor, já que o terminal só simula, com arquivos virtuais
- Públicos que não são técnicos, para quem uma tela de terminal assusta mais do que explica
Como pedir para a sua IA
Crie um terminal simulado na página de documentação da minha CLI: comandos próprios que respondem como o produto real, Tab para completar, histórico nas setas, cores ANSI, um roteiro que digita sozinho e para quando a pessoa interage, e versão sem animação para movimento reduzido.
Com o THM Componentes, você cola o prompt completo do catálogo, que já traz o código-fonte deste componente, e a IA reproduz este efeito exato em vez de improvisar.
Perguntas sobre Caldeira
Como faço Caldeira responder aos comandos do meu produto?
Você registra comandos próprios pela prop commands, cada um com nome, descrição e uma função run que pode ser assíncrona. Ela recebe os argumentos e funções para imprimir, reescrever a última linha, esperar e ler o sistema de arquivos virtual. Caldeira também aceita a prop files para montar pastas e arquivos sob medida.
Caldeira funciona no celular?
Funciona. A linha de comando de Caldeira é um campo de texto real, então o teclado do celular serve para digitar e enviar comandos, e a saída rola normalmente. Atalhos como Tab e Ctrl+C dependem de teclado físico, então no celular o autocompletar fica de fora. Em telas pequenas, a fonte e as margens diminuem.
Caldeira respeita quem prefere menos movimento?
Sim. Com a preferência de movimento reduzido ativa, Caldeira mostra cada comando do roteiro de uma vez, sem a digitação letra a letra, encurta as etapas do deploy simulado e para de piscar o cursor. O roteiro também espera o terminal ficar visível na tela para continuar.
