nested-card이란?
외부 그라데이션 컨테이너와 내부 콘텐츠 카드를 사용하여 카드를 만듭니다. 깊이가 있고 계층화된 카드 레이아웃이 있는 프리미엄 카드 디자인을 만들거나 이미지 섹션과 콘텐츠 섹션이 있는 카드를 만들 때 사용하세요. 출처: ainergiz/design-inspirations.
·nested-card
</>
nested-card
✓외부 그라데이션 컨테이너와 내부 콘텐츠 카드를 사용하여 카드를 만듭니다. 깊이가 있고 계층화된 카드 레이아웃이 있는 프리미엄 카드 디자인을 만들거나 이미지 섹션과 콘텐츠 섹션이 있는 카드를 만들 때 사용하세요.
nested-card 설치 방법
명령줄에서 nested-card AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: ainergiz/design-inspirations.
SKILL.md
원본 보기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- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-25
- 업데이트
- 2026-03-10
빠른 답변
nested-card 설치 방법은?
터미널 또는 명령줄 도구(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
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-25