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.
📖 Read the full source: r/ClaudeAI
👀 See Also
Un non-développeur crée une application web Sleep Sound Mixer en utilisant Claude AI
Un utilisateur sans expérience en programmation a utilisé Claude AI pour créer une application web entièrement fonctionnelle de Mixeur de Sons de Sommeil en une seule session. L'application permet de mixer six sons ambiants avec des contrôles de volume individuels via une interface navigateur propre et minimaliste.
OpenClaw a dépassé le stade du chat — une interface de tableau de bord est le paramètre par défaut manquant
Un utilisateur de Reddit explique comment l'exécution d'OpenClaw via Telegram devient complexe à mesure que les flux de travail se multiplient, et pourquoi un tableau de bord web (comme celui qu'il a lui-même construit) devrait être une interface standard et pluggable pour les outils d'agents.
Configuration multi-fenêtres de Claude Code avec séparation des rôles et crochets d'exécution
Un développeur partage une configuration utilisant quatre panneaux iTerm2 avec des instances distinctes de Claude Code pour l'implémentation, l'audit, la planification et l'affinement des prompts, ainsi que des crochets avant et après l'utilisation d'outils pour la sécurité et un journal de session pour la rétention du contexte.
Flux de travail dynamiques dans Claude Code : une vélocité fonctionnelle multipliée par 3 grâce aux sous-agents parallèles
Les sous-agents parallèles dans Claude Code réduisent le temps de développement d'une fonctionnalité de 4 à 6 heures à 1,5 à 2 heures. Un développeur partage son flux de travail : 3 agents travaillent simultanément sur la documentation API, les tests et le code.