Construindo um Rastreador de Demissões em IA com Claude Cowork: Detalhes de Implementação Prática

Um desenvolvedor criou um rastreador de demissões ao vivo e interativo que coleta e exibe todas as empresas que citam IA como motivo para cortes de empregos em 2026. O rastreador é totalmente pesquisável, filtrável por setor e ano, e inclui um quadro de contratação com vagas ativas em IA.

Como o Claude Cowork foi usado no desenvolvimento

O desenvolvedor usou o Claude Cowork (o espaço de trabalho colaborativo) para várias tarefas específicas de desenvolvimento:

• Gerar estrutura inicial da tabela: Colou um CSV de dados de demissões e solicitou: "Crie uma tabela HTML/CSS com colunas classificáveis, design responsivo e filtros por setor/ano. Use Tailwind CSS." O Claude gerou toda a interface de filtros e a tabela de uma vez.
• Depurar lógica de filtros: Compartilhou um trecho de JavaScript onde o filtro "Todos os Anos" não estava sendo redefinido corretamente. O Claude identificou o problema: "Sua função renderTable() não está redefinindo o array filtrado quando o ano é 'all'. Adicione uma condicional." A correção levou 2 minutos.
• Escrever modal de comparação: Solicitou um modal pop-up para comparar 3 laptops lado a lado. O Claude escreveu todo o HTML do modal, posicionamento CSS e manipuladores de eventos JS a partir de um único prompt.
• Otimizar alvos de toque móveis: Perguntou: "Torne a gaveta de filtros acessível em dispositivos móveis com alvos de toque de 48px e um fundo." O Claude reescreveu o CSS e adicionou atributos ARIA.
• Gerar dados fictícios: Forneceu ao Claude uma lista de 5 empresas, e ele a expandiu para 12 com cargos realistas, salários e tags remoto/híbrido para o quadro de contratação.

O desenvolvedor observou que não teria conseguido construir isso sem a janela de contexto de 200k, que permitiu lidar com trechos de código maiores e prompts mais complexos em uma única interação.