Você já imaginou transformar uma simples contagem regressiva em um show pirotécnico — usando apenas código, inteligência artificial e alguns bons periféricos? Foi exatamente o que o desenvolvedor Chris Reddington fez na última Rubber Duck Thursdays de 2025. Durante a live, ele mostrou como combinar GitHub Copilot, agentes personalizados e Test-Driven Development (TDD) para construir um aplicativo de contagem regressiva cheio de efeitos visuais, em tempo real e pronto para virar open source.
O pontapé inicial: workspace pronto em minutos
Chris começou criando um novo projeto com Vite, TypeScript e Tailwind CSS v4. Tudo via um único prompt no Copilot. Em menos de 5 minutos, o gerador já havia:
- Configurado o tema escuro padrão (
zinc-900); - Gerado o módulo de lógica (
src/countdown.ts) com tipagens reutilizáveis; - Entregue um layout centralizado, com números grandes e animação suave.
Se você é o tipo de dev que trabalha em monitores 4K ou ultrawide, vale lembrar: um teclado mecânico com teclas programáveis faz toda diferença para alternar entre arquivos, rodar scripts e escrever prompts mais rápido. Modelos como o Keychron K8 Pro ou o Logitech G915 TKL — ambos disponíveis na Amazon — elevam a produtividade e ainda oferecem iluminação RGB para manter o clima festivo do projeto.
Transformando ideias vagas em requisitos claros com o Plan Agent
Foi quando o chat sugeriu suporte a múltiplos fusos horários que as incertezas apareceram. “Globo 3D ou mapa-múndi? E no mobile?” — perguntas que o Plan Agent ajudou a responder. Esse agente questiona, refina e transforma brainstorm em lista de tarefas priorizadas, expondo pontos cegos como:
- Hierarquia visual entre seletor circular e mapa;
- Fallback para toques em smartphones;
- Acessibilidade com ou sem efeitos sonoros.
Comparado a outras IA de código — CodeWhisperer da AWS ou Gemini Code Assist, por exemplo — o diferencial aqui foi a conversa iterativa focada em design e experiência do usuário antes de qualquer linha de código.
TDD com Copilot: falhar primeiro para acertar depois
Com requisitos em mãos, Chris trocou para um UI Performance Specialist Agent e partiu para TDD. Copilot começou escrevendo testes — todos vermelhos — cobrindo lógica de fusos, disparo de fogos e rollover de ano. Só depois veio a implementação, que usou:
Intl.DateTimeFormatpara horários locais;- Persistência em
localStorage; - Arquitetura modular e redux-like para estado global.
Dica de ouro: com testes rodando a cada Ctrl + S, um mouse ergonômico com vários botões como o Razer Basilisk V3 ajuda a disparar atalhos, alternar terminais e até ajustar DPI para mais precisão ao desenhar SVGs.
Quando o mapa vira arte abstrata
Nem tudo saiu de primeira. O mapa-múndi gerado pela IA ficou tão abstrato que virou piada na live. Em vez de travar o fluxo, Chris decidiu deixar “o glitch artístico” e avançar. Lição valiosa: IA acelera, mas erro faz parte do processo — por isso testes automatizados continuam essenciais.
Fogos de artifício dinâmicos: animações que respeitam performance
Na terceira iteração, o Plan Agent sugeriu o uso da biblioteca Fireworks.js com regras de intensidade:
Imagem: Internet
- Mais de 24 h para o evento → apenas estrelas cintilantes;
- Entre 24 h e 12 h → fogos a cada 30 s;
- Última hora → crescendo até explosões contínuas nos 10 s finais.
Para rodar tudo sem engasgos, o agente de performance recomendou efeitos baseados em transform/opacity e limpeza de partículas excedentes. Se você pretende desenvolver animações semelhantes, ter uma GPU dedicada (ex.: NVIDIA RTX 4060) acelera a renderização no Chrome DevTools e no Figma, além de garantir FPS estável em dev builds.
Contribuições, open source e o futuro do projeto
Encerrada a live, Chris unificou todos esses experimentos em Timestamp: um app open source que permite criar e compartilhar contagens regressivas temáticas por URL. Já existem modos de contagem local, absoluta e até gráficos de contribuições ao estilo GitHub, e a comunidade é livre para propor novos temas.
Quer participar? Um notebook equipado com pelo menos 16 GB de RAM, um SSD NVMe rápido e um bom kit de periféricos (teclado mecânico, mouse de alta precisão e headset confortável) fazem toda diferença na hora de clonar o repositório, rodar containers e abrir múltiplas janelas de navegador sem travar.
3 aprendizados práticos para aplicar hoje mesmo
- Gerencie a janela de contexto: inicie novas conversas no Copilot quando mudar de tópico. Históricos irrelevantes poluem as respostas.
- Use agentes especializados: segurança, UI, arquitetura — cada persona foca em um ângulo e evita erros caros.
- Mantenha o TDD vivinho: IA acelera, mas só testes automáticos garantem que a lógica não quebre na virada do ano (literalmente!).
No fim das contas, tecnologia boa é aquela que traz alegria. Seja construindo um app cheio de fogos ou simplesmente melhorando sua ergonomia com um teclado e mouse de qualidade, escolha as ferramentas que te motivam a criar.
Pronto para o próximo projeto? Talvez seu 2026 comece com um simples “Hello, World!” — ou com um show de pirotecnia em tela cheia. O limite é a sua criatividade (e, claro, seu setup de hardware). Boas construções!
Com informações de GitHub Blog
