Construyendo un Rastreador de Despidos de IA con Claude Cowork: Detalles de Implementación Práctica

Un desarrollador creó un rastreador de despidos en vivo e interactivo que recopila y muestra cada empresa que cita la IA como motivo de recortes de empleo en 2026. El rastreador es completamente buscable, filtrable por industria y año, e incluye un tablero de contratación con roles activos en IA.

Cómo se utilizó Claude Cowork en el desarrollo

El desarrollador utilizó Claude Cowork (el espacio de trabajo colaborativo) para varias tareas específicas de desarrollo:

• Generar la estructura inicial de la tabla: Pegó un CSV de datos de despidos y solicitó: "Crea una tabla HTML/CSS con columnas ordenables, diseño responsivo y filtros por industria/año. Usa Tailwind CSS." Claude generó toda la interfaz de filtros y la tabla de una vez.
• Depurar la lógica de filtros: Compartió un fragmento de JavaScript donde el filtro "Todos los años" no se restablecía correctamente. Claude identificó el problema: "Tu función renderTable() no está restableciendo el array filtrado cuando el año es 'all'. Agrega un condicional." La corrección tomó 2 minutos.
• Escribir el modal de comparación: Solicitó un modal emergente para comparar 3 portátiles lado a lado. Claude escribió todo el HTML del modal, el posicionamiento CSS y los manejadores de eventos JS a partir de una sola solicitud.
• Optimizar objetivos táctiles móviles: Preguntó: "Haz que el cajón de filtros sea accesible en móviles con objetivos táctiles de 48px y un fondo." Claude reescribió el CSS y agregó atributos ARIA.
• Generar datos de prueba: Proporcionó a Claude una lista de 5 empresas, y este la expandió a 12 con títulos de trabajo realistas, salarios y etiquetas de modalidad remota/híbrida para el tablero de contratación.

El desarrollador señaló que no podría haber construido esto sin la ventana de contexto de 200k, que permitió manejar fragmentos de código más grandes y solicitudes más complejas en una sola interacción.