Maple CSS Engine

Ce qu'il fait

Cette compétence permet à un agent IA de créer et de manipuler des styles à l'aide du moteur Maple CSS. Contrairement aux frameworks utilitaires traditionnels, Maple est un moteur d'exécution qui génère des styles atomiques à la volée basés sur les classes utilitaires présentes dans le DOM, offrant ainsi une grande flexibilité et une conception axée sur les variables.

Quand l'utiliser

Utilisez cette compétence lorsque vous devez créer des interfaces réactives, implémenter des systèmes de mise en page complexes (Grid/Flex) ou appliquer un stylage au runtime nécessitant des jetons sémantiques et une thématisation sans être lié à un framework spécifique au moment de la compilation.

Ce qui est inclus

• Instructions : Guide complet sur la syntaxe de Maple ({media-query}:{selector}:{utility}), l'utilisation des jetons sémantiques pour la thématisation et l'implémentation des requêtes de conteneur (container queries).
• Guides de référence : Un large éventail de documentations spécialisées couvrant les Bordures, Transformations, Transitions, Filtres, Gradients, Ombres, mises en page Grid/Flex et Animations.

Agents compatibles

Compatible avec les agents capables de lire de la documentation et d'écrire du HTML/CSS, tels que Claude Code, Cursor et Codex.