Crée des piles de cartes en éventail/en cascade horizontalement avec un ordre d'index z approprié et des animations de survol. À utiliser lors de la création de navigateurs d'albums, d'éventails de cartes, d'aperçus empilés ou de toute collection de cartes qui se chevauchent.
Installez rapidement le skill IA stacked-cards dans votre environnement de développement via la ligne de commande
Source : ainergiz/design-inspirations.
Build horizontally cascading card stacks where cards overlap in order, with hover animations that lift cards in place without breaking the cascade.
Why? DOM order determines stacking when z-index values are the same within a parent. By rendering in reverse, the first logical card is the last DOM element, appearing on top.
Why? When you change z-index on hover, the card jumps to the front, breaking the visual illusion of a physical stack. Real cards lift UP in place while staying behind cards in front.
Crée des piles de cartes en éventail/en cascade horizontalement avec un ordre d'index z approprié et des animations de survol. À utiliser lors de la création de navigateurs d'albums, d'éventails de cartes, d'aperçus empilés ou de toute collection de cartes qui se chevauchent. Source : ainergiz/design-inspirations.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cardsCrée des piles de cartes en éventail/en cascade horizontalement avec un ordre d'index z approprié et des animations de survol. À utiliser lors de la création de navigateurs d'albums, d'éventails de cartes, d'aperçus empilés ou de toute collection de cartes qui se chevauchent. Source : ainergiz/design-inspirations.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cards Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/ainergiz/design-inspirations