Compétence Agent Fonctionnalités CSS Modernes : Imposer les Pratiques CSS Modernes dans les Agents de Codage IA
Il y a une nouvelle compétence d'agent sur GitHub appelée css-modern-features qui impose des pratiques CSS modernes en fonction des cibles de navigateur de votre projet. Elle couvre plus de 57 fonctionnalités CSS dans les domaines de la couleur, de la mise en page, des sélecteurs, de l'animation, de la typographie, du positionnement et des motifs de composants.
Comment ça fonctionne
La compétence se connecte aux agents IA de codage et restreint la sortie CSS uniquement aux fonctionnalités modernes et adaptées aux navigateurs cibles. Par exemple, si votre projet cible des navigateurs modernes, elle préférera display: grid aux mises en page basées sur float, clamp() pour la typographie fluide, et :has() pour la sélection parente. Vous définissez les cibles de navigateur, et la compétence ajuste les fonctionnalités autorisées.
Agents supportés
La compétence fonctionne avec :
- Claude Code
- Cursor
- Windsurf
- Codex
- Cline
- GitHub Copilot
Pourquoi c'est important
Les agents IA de codage génèrent fréquemment du CSS obsolète (par exemple, float, clearfix, préfixes vendeurs) parce que leurs données d'entraînement incluent du code ancien. Cette compétence les force à utiliser des fonctionnalités modernes, vous évitant ainsi un refactoring manuel. C'est particulièrement utile pour les équipes qui maintiennent des bases de code devant cibler des versions spécifiques de navigateurs (par exemple, 'last 2 versions' via Browserslist).
Dépôt : github.com/rushenn/css-modern-features
Le fil Reddit (lié ci-dessous) contient des discussions supplémentaires de la communauté sur la personnalisation de l'ensemble des fonctionnalités.
📖 Lire la source complète : r/ClaudeAI
👀 See Also
Canopy : Tableau de Bord Terminal pour Gérer Plusieurs Agents de Code Claude
Canopy est une interface utilisateur en terminal open source qui fournit une vue de tableau de bord unique pour suivre plusieurs agents de codage IA fonctionnant à travers des worktrees git. Il affiche les états des agents (en cours, inactif, en attente d'entrée, terminé, en erreur) et vous permet de passer aux sessions ou d'envoyer des entrées sans changer complètement de contexte.
Besoin d'un serveur MCP fournissant une découverte d'outils sémantique pour les agents IA.
Un serveur MCP appelé Need permet une recherche sémantique parmi plus de 10 000 outils provenant de brew, npm, pip et cargo. Lorsqu'un agent demande une tâche comme 'compresser ces PNG', il trouve pngquant, l'installe, l'exécute et rapporte le succès.
AutoProber : Automatisation par sonde volante pilotée par IA pour le piratage matériel
AutoProber est une suite d'automatisation de sonde volante pour les hackers matériels qui permet aux agents IA de découvrir des cibles, de cartographier des images de microscope, d'effectuer des mouvements CNC surveillés pour la sécurité, d'examiner les sondes et de réaliser des sondages de broches contrôlés. Il comprend du code de contrôle Python, un tableau de bord web, des fichiers CAO, et fonctionne avec des contrôleurs CNC GRBL, des microscopes USB et une surveillance de sécurité par oscilloscope.
Mnemos : Couche de mémoire locale et open source pour agents de codage
Mnemos est une couche de mémoire locale pour les flux de travail d'agents de codage individuels qui résout les défaillances courantes des systèmes de mémoire comme la contamination de portée, les faits obsolètes et la croissance illimitée des transcriptions. La version bêta publique inclut des profils de démarrage SQLite, la prise en charge MCP pour Claude Code/Desktop, et un pipeline biomimétique avec des composants comme SurprisalGate et MutableRAG.