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.

Recettes visuelles : ombres, verre et dégradés v1.0.0

Utilisez cette ressource pour appliquer des ombres, du verre dépoli, des dégradés et une typographie soignés à une interface web

Nouveau

  • 439 téléchargements
  • 187 mentions J'aime
  • 143 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install design-stylecards

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 choisit dans un catalogue la recette qui correspond à la demande (ombre en couches, panneau en verre, bordure en dégradé, fond en maillage, répartition typographique, durées d'animation) et la colle avec ses valeurs exactes. Chaque recette précise quand l'utiliser et ce qu'il faut éviter. Vous obtenez un rendu cohérent au lieu de valeurs réinventées à chaque fois.

Choisie surtout par

Mise à jour le 2 novembre 2026

Cartes d'interface avec ombres en couches, panneau en verre dépoli et bordure en dégradé

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 : la méthode pour choisir, afficher et appliquer une recette sans en modifier les nombres
  • references/stylecards.md : six familles de recettes (élévation, verre sombre, bordure en dégradé, fond en maillage, typographie, budget de mouvement) avec code Tailwind et CSS
  • Pour chaque recette : une ligne « quand l'utiliser » et des interdits vérifiables

Pour qui

  • Donner aux cartes et aux panneaux d'une page des ombres propres et discrètes
  • Ajouter un effet de verre dépoli sur un fond sombre sans tomber dans l'effet de lueur trop courant
  • Fixer une règle de mouvement simple (quatre durées, une seule animation marquante par écran)

Pas pour qui

  • Extraire le style d'un site existant ou en tirer des tokens
  • Concevoir une identité de marque complète avec logo et palette
  • Générer la mise en page d'une page entière

Étiquettes

  • css
  • ombres
  • glassmorphism
  • dégradés
  • tailwind

À propos

Vous dites

« Applique la recette glass/dark au panneau de la page tarifs et donne une ombre elevation/md aux cartes d'offres. »

Cartes d'interface avec ombres en couches, panneau en verre dépoli et bordure en dégradé

Skill publiée par yonatangross (OrchestKit) sous licence MIT, traduite par PalateKit.

Voir plus

Prérequis

À préparer
Le fichier ou le composant à styliser et Le fond (clair ou sombre) sur lequel la recette sera posée

Comment l'utiliser

  1. Copiez le dossier de la skill dans le répertoire de skills de votre agent.
  2. Décrivez l'effet voulu ou nommez une recette (par exemple elevation/md).
  3. Vérifiez le rendu : l'agent a collé les valeurs exactes et respecté les interdits.

Aperçu du contenu

Fichiers

  • LICENSE1,1 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • references/stylecards.md5,3 Ko
  • SKILL.md6 Ko

Origine et licence

Modifié par PalateKit

Auteur
yonatangross
Source
github.com/yonatangross/orchestkit/tree/18a6aaa53d9971ef094b0758b08dfc606a1ea4bc/src/skills/design-stylecards
Licence
MIT

Notice

Version modifiée de « design-stylecards » (yonatangross, 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 fonctionne-t-elle seule ?

Oui, le catalogue est dans son propre dossier. Elle mentionne d'autres skills du même auteur (extraction de style, tokens), mais ne dépend d'aucune.

Puis-je ajouter mes propres recettes ?

Oui. Ajoutez-les à references/stylecards.md avec les trois parties du contrat : quand l'utiliser, valeurs exactes, interdits.