·nested-card
</>

nested-card

Crée des cartes avec un conteneur de dégradé externe et une carte de contenu interne. À utiliser lors de la création de conceptions de cartes haut de gamme avec de la profondeur, des dispositions de cartes en couches ou des cartes avec des sections d'images et des sections de contenu.

4Installations·1Tendance·@ainergiz

Installation

$npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card

Comment installer nested-card

Installez rapidement le skill IA nested-card dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card
  3. Vérifier l'installation: 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

Source : ainergiz/design-inspirations.

Build premium card designs with an outer gradient container wrapping an inner content card, creating visual depth and separation between media and content areas.

| Outer card | | | | Background | bg-gradient-to-b from-[#e8e8ea] to-[#dcdce0] | bg-gradient-to-b from-zinc-700 to-zinc-800 | | Border | border-white/60 | border-zinc-600/40 | | Shadow | shadow-xl shadow-zinc-400/30 | shadow-xl shadow-black/50 | | Border radius | rounded-3xl | rounded-3xl | | Padding | p-2 | p-2 | | Media section | | |

| Border | border-white/40 | border-zinc-600/30 | | Border radius | rounded-2xl | rounded-2xl | | Inner card | | | | Background | bg-white | bg-zinc-900 | | Border radius | rounded-2xl | rounded-2xl | | Padding | px-5 py-4 | px-5 py-4 |

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-10

Browse more skills from ainergiz/design-inspirations

Réponses rapides

Qu'est-ce que nested-card ?

Crée des cartes avec un conteneur de dégradé externe et une carte de contenu interne. À utiliser lors de la création de conceptions de cartes haut de gamme avec de la profondeur, des dispositions de cartes en couches ou des cartes avec des sections d'images et des sections de contenu. Source : ainergiz/design-inspirations.

Comment installer nested-card ?

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 nested-card 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

Où se trouve le dépôt source ?

https://github.com/ainergiz/design-inspirations

Détails

Catégorie
</>Développement
Source
skills.sh
Première apparition
2026-02-25