Создает карточки с внешним контейнером градиента и внутренней карточкой содержимого. Используйте при создании премиальных дизайнов карточек с глубиной, многоуровневыми макетами карточек или карточек с разделами изображений и разделами контента.
Быстро установите AI-навык nested-card в вашу среду разработки через командную строку
Источник: 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 |
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/ainergiz/design-inspirations --skill nested-cardСоздает карточки с внешним контейнером градиента и внутренней карточкой содержимого. Используйте при создании премиальных дизайнов карточек с глубиной, многоуровневыми макетами карточек или карточек с разделами изображений и разделами контента. Источник: ainergiz/design-inspirations.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/ainergiz/design-inspirations