タスクに CSS アーキテクチャ、テーマ、またはビジュアル デザイン システムが含まれる場合は、積極的に読み込みます。ユーザーが「Tailwind をセットアップする」、「ダーク モードを追加する」、「デザイン システムを作成する」、「レスポンシブにする」、または「テーマを構成する」と言うときに使用します。 Tailwind 構成とカスタム プラグイン、デザイン トークン システム、レスポンシブ ブレークポイント戦略、ダーク モード実装、コンポーネント バリアント パターン (CVA/クラスバリアンス オーソリティ)、CSS-in-JS の代替案、およびアニメーション パターンをカバーします。
コマンドラインで styling-system AI スキルを開発環境にすばやくインストール
ソース: mgd34msu/goodvibes-plugin。
This skill guides you through CSS architecture decisions and implementation using GoodVibes precision tools. Use this workflow when setting up styling infrastructure, creating design systems, or implementing theming and responsive patterns.
Trigger phrases: "setup styling", "add Tailwind", "implement dark mode", "design tokens", "responsive design", "CSS architecture", "theme system".
Before making styling decisions, understand the project's current state.
タスクに CSS アーキテクチャ、テーマ、またはビジュアル デザイン システムが含まれる場合は、積極的に読み込みます。ユーザーが「Tailwind をセットアップする」、「ダーク モードを追加する」、「デザイン システムを作成する」、「レスポンシブにする」、または「テーマを構成する」と言うときに使用します。 Tailwind 構成とカスタム プラグイン、デザイン トークン システム、レスポンシブ ブレークポイント戦略、ダーク モード実装、コンポーネント バリアント パターン (CVA/クラスバリアンス オーソリティ)、CSS-in-JS の代替案、およびアニメーション パターンをカバーします。 ソース: mgd34msu/goodvibes-plugin。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-systemタスクに CSS アーキテクチャ、テーマ、またはビジュアル デザイン システムが含まれる場合は、積極的に読み込みます。ユーザーが「Tailwind をセットアップする」、「ダーク モードを追加する」、「デザイン システムを作成する」、「レスポンシブにする」、または「テーマを構成する」と言うときに使用します。 Tailwind 構成とカスタム プラグイン、デザイン トークン システム、レスポンシブ ブレークポイント戦略、ダーク モード実装、コンポーネント バリアント パターン (CVA/クラスバリアンス オーソリティ)、CSS-in-JS の代替案、およびアニメーション パターンをカバーします。 ソース: mgd34msu/goodvibes-plugin。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/mgd34msu/goodvibes-plugin