Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Sélection PalateKit

Mise en page robuste, traduisible et responsive v1.0.0

Utilisez cette ressource pour vérifier et corriger la structure d'une page web pour tous les formats et toutes les langues

Nouveau

  • 574 téléchargements
  • 211 mentions J'aime
  • 165 sauvegardes

4,49 €

Accès à vie à cette ressource, avec ses mises à jour.

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install layout-stress-test

Sans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent applique des règles précises de regroupement par l'espace, d'alignement sur des bords communs, d'ordre de lecture et de points de rupture. Il teste ensuite la page à 320 px, à 200 % de zoom, avec des textes plus longs et en miroir RTL. Vous obtenez des corrections dans le système de style du projet et un rapport classé par gravité.

Choisie surtout par

Mise à jour le 2 novembre 2026

Schéma d'une page dont les groupes, alignements et marges résistent au redimensionnement et à l'inversion RTL.

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
Le modèle de votre agent
Licence
MIT

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md traduit en français : principes, tableau de détection des défauts et format du rapport
  • grouping-and-alignment.md : recettes de regroupement, d'alignement et de propriétés logiques (RTL)
  • spacing-and-adaptivity.md : marges, contenu masqué, points de rupture et croissance des textes traduits

Pour qui

  • Une page qui casse quand les libellés sont traduits en allemand ou en français
  • Un site qui doit fonctionner en arabe ou en hébreu (lecture de droite à gauche)
  • Une relecture de mise en page avant livraison à un client

Pas pour qui

  • Choisir une direction artistique, des couleurs ou des polices
  • Rédiger les textes de l'interface
  • Auditer l'accessibilité au sens strict (zones cliquables, focus)

Étiquettes

  • mise en page
  • responsive
  • rtl
  • traduction
  • css

À propos

Vous dites

« Relis la mise en page de ma page d'accueil : vérifie qu'elle tient à 320 px, avec des textes 40 % plus longs, et en version RTL. »

Schéma d'une page dont les groupes, alignements et marges résistent au redimensionnement et à l'inversion RTL.

Skill publiée par jakubkrehel sous licence MIT, traduite par PalateKit.

Voir plus

Prérequis

À préparer
Le code ou l'URL de la page à relire et La liste des largeurs et des langues à prendre en charge

Comment l'utiliser

  1. Copiez le dossier de la skill dans le dossier de skills de votre agent.
  2. Demandez à l'agent de relire une page ou un composant en citant la skill.
  3. Appliquez les corrections du tableau, en commençant par les gravités HIGH.

Aperçu du contenu

Fichiers

  • grouping-and-alignment.md3,9 Ko
  • LICENSE1,1 Ko
  • NOTICE-PALATEKIT.md0,4 Ko
  • SKILL.md10 Ko
  • spacing-and-adaptivity.md5,8 Ko

Origine et licence

Modifié par PalateKit

Auteur
jakubkrehel
Source
github.com/jakubkrehel/skills/tree/592aedc44d7d5b3e29740984252902f3e5402a1c/skills/better-layout
Licence
MIT

Notice

Version modifiée de « better-layout » (jakubkrehel, MIT) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

La skill fait-elle référence à d'autres skills ?

Oui, elle cite en passant better-accessibility, better-typography, better-colors, better-ui et better-writing pour les sujets voisins. Aucune n'est nécessaire : elle fonctionne seule sur la mise en page.

Les valeurs en pixels sont-elles imposées ?

Non. Ce sont des points de départ, utilisés seulement si le projet n'a ni échelle d'espacement ni jetons de design ; sinon l'agent utilise ceux du projet.