GratuitVidéo
Fenêtre d'application et zoom
- 365365 téléchargements
- 125125 mentions J'aime
- 188188 sauvegardes
Compatible avec
+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Sélection PalateKit
Finitions d'interface : rayons, ombres, animations v1.0.0
Utilisez cette ressource pour polir les détails visuels et les animations d'une interface web
Nouveau
- 585 téléchargements
- 152 mentions J'aime
- 126 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 interface-polish-detailsSans 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 loginL'agent passe l'interface en revue selon dix-neuf principes précis : rayons concentriques, alignement optique, ombres en couches, animations interruptibles, icônes et chiffres tabulaires. Il propose ou applique les corrections dans le système de style du projet. Vous recevez un rapport par principe, avec avant, après et gravité.
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitVidéo
Un seul grand chiffre
- 463463 téléchargements
- 223223 mentions J'aime
- 100100 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
PalateKit Motion, la bibliothèque
- 338338 téléchargements
- 198198 mentions J'aime
- 249249 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Trois barres face à face
- 348348 téléchargements
- 133133 mentions J'aime
- 182182 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Avant / après au curseur
- 322322 téléchargements
- 248248 mentions J'aime
- 238238 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Carrousel de trois cartes
- 418418 téléchargements
- 157157 mentions J'aime
- 101101 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Échange en bulles
- 564564 téléchargements
- 127127 mentions J'aime
- 161161 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Liste qui se coche
- 442442 téléchargements
- 233233 mentions J'aime
- 160160 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md traduit en français : principes, erreurs courantes et format de revue (rapide ou complet)
- typography.md, surfaces.md et icons.md : texte, rayons, ombres, contours d'images, traits d'icônes
- animations.md et performance.md : entrées, sorties, pression des boutons, transitions et will-change
Pour qui
- Une maquette codée qui « sonne faux » sans qu'on sache pourquoi
- Une page produit ou de lancement à peaufiner avant mise en ligne
- Une revue de composants (cartes, boutons, menus) avant livraison
Pas pour qui
- Créer une identité visuelle ou choisir une palette
- Concevoir la structure d'une page
- Produire des animations spectaculaires : la skill prône la retenue
Étiquettes
- finitions
- animation
- css
- ombres
- icônes
À propos
Vous dites
« Passe ma page de tarifs en revue complète : rayons, ombres, animations et icônes, puis corrige ce qui est de gravité moyenne ou plus. »
Skill publiée par jakubkrehel sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Le code ou l'URL de l'interface à relire et Le mode de revue souhaité : rapide ou complet
Comment l'utiliser
- Copiez le dossier de la skill dans le dossier de skills de votre agent.
- Demandez une revue « quick » ou « full » d'une page ou d'un composant.
- Relisez le tableau des corrections et validez les changements.
Aperçu du contenu
Fichiers
- animations.md12,8 Ko
- icons.md2,3 Ko
- LICENSE1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- performance.md3,1 Ko
- SKILL.md13,9 Ko
- surfaces.md7,3 Ko
- typography.md4,7 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- jakubkrehel
- Source
- github.com/jakubkrehel/make-interfaces-feel-better/tree/35545ea1512ad59fa463e6b1f95ca9c052981fe6/skills/make-interfaces-feel-better
- Licence
- MIT
Notice
Version modifiée de « make-interfaces-feel-better » (jakubkrehel, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Faut-il une bibliothèque d'animation ?
Non. Si le projet utilise motion ou framer-motion, la skill s'y adapte ; sinon elle propose des transitions CSS sans dépendance.
Les valeurs sont-elles figées ?
Les principes donnent des valeurs précises (par exemple un appui à 0,96). L'agent exprime toujours les corrections dans le système de style existant, sans en ajouter un second.