Better Layout

Le positionnement et l’espacement établissent la hiérarchie d’une interface avant même l’ajout du style visuel. Cette compétence construit ce cadre structurel et le valide dans différentes conditions de redimensionnement, de localisation et d’affichage de droite à gauche.

Points forts

• Stratégie d’espacement : regroupe le contenu de manière hiérarchique avec des écarts cohérents, soit 8 px au sein des groupes et 16 px entre eux
• Rigueur d’alignement : conserve des bords cohérents pour réduire le bruit visuel
• Conception des éléments interactifs : garantit que les commandes se distinguent visuellement du contenu statique
• Divulgation progressive : vérifie que le contenu masqué dispose d’indicateurs visibles permettant de le découvrir
• Flux du contenu : aligne les mises en page sur les sens naturels de lecture, du haut vers le bas et du début vers la fin

Utilisez cette compétence pour structurer des pages, réviser la disposition de composants ou affiner les espacements entre plusieurs seuils d’affichage adaptatif. Elle s’installe comme Agent Skill pour Claude Code.