Создает горизонтально развернутые/каскадные стопки карт с правильным упорядочиванием по z-индексу и анимацией подъема при наведении. Используйте при создании браузеров альбомов, вееров карточек, групповых превью или любой перекрывающейся коллекции карточек.
Быстро установите AI-навык stacked-cards в вашу среду разработки через командную строку
Источник: 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Создает горизонтально развернутые/каскадные стопки карт с правильным упорядочиванием по z-индексу и анимацией подъема при наведении. Используйте при создании браузеров альбомов, вееров карточек, групповых превью или любой перекрывающейся коллекции карточек. Источник: ainergiz/design-inspirations.
Откройте терминал или инструмент командной строки (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