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
Plugin de mémoire de l'agent OpenClaw : Contexte persistant entre les sessions
Un développeur a créé un plugin de mémoire pour OpenClaw qui donne aux agents une mémoire persistante entre les sessions, résolvant le problème des agents qui oublient tout entre les interactions et nécessitent les mêmes explications à répétition.
OpenClaw sur Android : un ordinateur IA privé de la taille d'un pouce exécute OpenClaw dans une machine virtuelle
Le PlugClaw de Trustkernel est une clé USB de la taille d'un pouce qui exécute Android et OpenClaw dans une VM dédiée, ajoutant un agent GUI pour interagir avec les applications Android sur n'importe quel téléphone ou ordinateur portable.
L'outil Monitor de Claude Code achemine les logs du serveur de développement vers des corrections automatiques pilotées par l'IA
L'outil Monitor de Claude Code vous permet d'exécuter un serveur de développement en arrière-plan, de consulter les logs avec des filtres grep intelligents, et de laisser Claude détecter automatiquement les erreurs, écrire des correctifs et les valider — pendant que vous testez l'interface utilisateur.
LobsterBoard ajoute un système de thèmes et une galerie de modèles
LobsterBoard inclut désormais un système de thèmes avec cinq options visuelles et une galerie de modèles qui permet aux utilisateurs d'exporter et d'importer des mises en page de tableau de bord avec suppression automatique des données sensibles.