·shadcn-theming
</>

shadcn-theming

Shadcn 設計システムをカスタマイズします (Tailwind v4 をサポート)。デザイントークン、安全なリファクタリング、カラー管理を更新します。

5インストール·0トレンド·@wiztral

インストール

$npx skills add https://github.com/wiztral/agent-skills --skill shadcn-theming

shadcn-theming のインストール方法

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

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

ソース: wiztral/agent-skills。

Use this skill to modify the look and feel of the application (globals.css / index.css), add new colors, and manage design tokens.

Adaptive Design Strategy When the user asks for high-level changes (e.g., "Make it softer"):

Implementation Details (Tailwind v4) In Tailwind v4, prefer CSS-first configuration:

Shadcn 設計システムをカスタマイズします (Tailwind v4 をサポート)。デザイントークン、安全なリファクタリング、カラー管理を更新します。 ソース: wiztral/agent-skills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/wiztral/agent-skills --skill shadcn-theming
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-25
更新日
2026-03-11

Browse more skills from wiztral/agent-skills

クイックアンサー

shadcn-theming とは?

Shadcn 設計システムをカスタマイズします (Tailwind v4 をサポート)。デザイントークン、安全なリファクタリング、カラー管理を更新します。 ソース: wiztral/agent-skills。

shadcn-theming のインストール方法は?

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

ソースリポジトリはどこですか?

https://github.com/wiztral/agent-skills

詳細

カテゴリ
</>開発ツール
ソース
skills.sh
初回登録
2026-02-25