·nested-card
</>

nested-card

外側のグラデーション コンテナーと内側のコンテンツ カードを含むカードを作成します。奥行きのあるプレミアム カード デザイン、階層化されたカード レイアウト、または画像セクションとコンテンツ セクションを備えたカードを作成する場合に使用します。

4インストール·1トレンド·@ainergiz

インストール

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

nested-card のインストール方法

コマンドラインで nested-card AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-25
更新日
2026-03-10

Browse more skills from ainergiz/design-inspirations

クイックアンサー

nested-card とは?

外側のグラデーション コンテナーと内側のコンテンツ カードを含むカードを作成します。奥行きのあるプレミアム カード デザイン、階層化されたカード レイアウト、または画像セクションとコンテンツ セクションを備えたカードを作成する場合に使用します。 ソース: ainergiz/design-inspirations。

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