Do zero ao espetáculo: como GitHub Copilot, agentes de IA e TDD criaram um app com fogos de artifício (e o setup de hardware que turbina a produtividade)

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.DateTimeFormat para 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

1. Gerencie a janela de contexto: inicie novas conversas no Copilot quando mudar de tópico. Históricos irrelevantes poluem as respostas.
2. Use agentes especializados: segurança, UI, arquitetura — cada persona foca em um ângulo e evita erros caros.
3. 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