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
OpenTabs : Serveur MCP avec plus de 100 plugins pour accéder aux outils d'IA basés sur navigateur
OpenTabs est un serveur MCP associé à une extension Chrome qui expose plus de 100 plugins avec environ 2 000 outils en se connectant aux API internes d'applications web comme Slack, Discord et GitHub. Il fonctionne avec les sessions de navigation existantes, éliminant ainsi les clés API et les flux OAuth.
Plugin Found-Issues : enregistre les bugs que Claude ignore lorsqu'il travaille sur d'autres tâches
Un plugin Claude Code qui ajoute des entrées d'une ligne dans docs/found-issues.md lorsque l'agent détecte des bugs hors périmètre, avec fermeture automatique lors du merge d'une PR et détection des tombstones.
RescueBot : Sauvegarde et restauration basées sur Telegram pour les bots OpenClaw
RescueBot est une fonctionnalité légère qui capture automatiquement les configurations des bots OpenClaw et permet une restauration en un clic via des commandes Telegram, éliminant le besoin d'accès SSH lors des pannes.
Routerly : Passerelle LLM auto-hébergée avec politiques de routage en temps réel et contrôle budgétaire
Routerly est une passerelle LLM gratuite, open-source et auto-hébergée qui offre une sélection de modèles en temps réel basée sur des politiques de routage comme le moins cher, le plus rapide ou le plus performant, ainsi que des limites budgétaires par projet avec suivi par token. Elle est compatible OpenAI pour une utilisation immédiate avec des outils comme Cursor, LangChain et Open WebUI.