·stacked-cards
</>

stacked-cards

Создает горизонтально развернутые/каскадные стопки карт с правильным упорядочиванием по z-индексу и анимацией подъема при наведении. Используйте при создании браузеров альбомов, вееров карточек, групповых превью или любой перекрывающейся коллекции карточек.

4Установки·1Тренд·@ainergiz

Установка

$npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cards

Как установить stacked-cards

Быстро установите AI-навык stacked-cards в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cards
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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.

Создает горизонтально развернутые/каскадные стопки карт с правильным упорядочиванием по z-индексу и анимацией подъема при наведении. Используйте при создании браузеров альбомов, вееров карточек, групповых превью или любой перекрывающейся коллекции карточек. Источник: ainergiz/design-inspirations.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cards
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-25
Обновлено
2026-03-10

Browse more skills from ainergiz/design-inspirations

Короткие ответы

Что такое stacked-cards?

Создает горизонтально развернутые/каскадные стопки карт с правильным упорядочиванием по z-индексу и анимацией подъема при наведении. Используйте при создании браузеров альбомов, вееров карточек, групповых превью или любой перекрывающейся коллекции карточек. Источник: ainergiz/design-inspirations.

Как установить stacked-cards?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cards После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

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

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-25