Construire un Traqueur de Licenciements en IA avec Claude Cowork : Détails de Mise en Œuvre Pratique

Un développeur a créé un suivi interactif en temps réel des licenciements qui collecte et affiche chaque entreprise citant l'IA comme raison des suppressions d'emplois en 2026. Le suivi est entièrement consultable, filtrable par secteur d'activité et année, et inclut un tableau d'embauche avec des postes actifs en IA.

Comment Claude Cowork a été utilisé dans le développement

Le développeur a utilisé Claude Cowork (l'espace de travail collaboratif) pour plusieurs tâches de développement spécifiques :

• Générer la structure initiale du tableau : A collé un CSV de données de licenciement et demandé : "Créez un tableau HTML/CSS avec des colonnes triables, un design responsive et des filtres par secteur/année. Utilisez Tailwind CSS." Claude a produit toute l'interface utilisateur des filtres et le tableau en une seule fois.
• Déboguer la logique des filtres : A partagé un extrait de JavaScript où le filtre "Toutes les années" ne se réinitialisait pas correctement. Claude a identifié le problème : "Votre fonction renderTable() ne réinitialise pas le tableau filtré lorsque l'année est 'all'. Ajoutez une condition." La correction a pris 2 minutes.
• Écrire la modale de comparaison : A demandé une fenêtre modale contextuelle pour comparer 3 ordinateurs portables côte à côte. Claude a écrit tout le HTML de la modale, le positionnement CSS et les gestionnaires d'événements JS à partir d'une seule requête.
• Optimiser les cibles tactiles mobiles : A demandé : "Rendez le tiroir de filtres accessible sur mobile avec des cibles tactiles de 48px et un arrière-plan." Claude a réécrit le CSS et ajouté des attributs ARIA.
• Générer des données fictives : A fourni à Claude une liste de 5 entreprises, et il l'a étendue à 12 avec des intitulés de postes réalistes, des salaires et des étiquettes distanciel/hybride pour le tableau d'embauche.

Le développeur a noté qu'il n'aurait pas pu construire cela sans la fenêtre de contexte de 200k, qui a permis de gérer des extraits de code plus volumineux et des requêtes plus complexes en une seule interaction.