Concevoir et implémenter des interfaces frontend prêtes pour la production : systèmes de design, mises en page responsives, composants accessibles et code compatible mode sombre sur divers frameworks
Cette compétence permet à un agent de produire du code d'interface utilisateur frontend et des conseils de design prêts pour la production. Elle couvre l'établissement de jetons de design et d'échelles d'espacement/typographie, la construction de variantes de composants accessibles, l'implémentation de mises en page responsives avec CSS Grid et Flexbox, et l'ajout du support du mode sombre. La compétence fournit des exemples concrets (extraits React/Tailwind, modèles HTML/CSS) et des meilleures pratiques pratiques pour l'accessibilité et la performance.
Utilisez-la lorsque vous avez besoin d'une bibliothèque de composants, d'une mise en page de page responsive, de composants accessibles ou d'une interface utilisateur compatible mode sombre. Déclenchez sur des demandes telles que "construire un tableau de bord responsive", "créer un composant Card React Tailwind", "ajouter le mode sombre" ou "auditer l'accessibilité et la navigation au clavier". Elle convient aux développeurs front-end, aux designers et aux agents générant du code UI.
Fonctionne mieux avec des agents capables de coder (Claude Code, Copilot, OpenAI Codex, Gemini CLI) qui peuvent émettre des extraits spécifiques aux frameworks et adapter les jetons aux besoins du projet.
Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.
