Vanilla Extract を使用して React コンポーネントをスタイリングするための包括的なガイド (Vite 統合、型付きスタイル、テーマ、構成、グローバル API、レシピ、動的ランタイム テーマ、およびオプションのスプリンクル)。このスキルは、ユーザー タスクに Vanilla Extract を使用した React コンポーネント スタイルの実装またはリファクタリングが含まれる場合、特にゼロランタイム CSS 生成、強力な TypeScript 人間工学、スケーラブルなバリアント、および安全なテーマ パターンを重視する場合に使用します。
コマンドラインで vanilla-extract AI スキルを開発環境にすばやくインストール
ソース: ceski23/skills。
Use this skill when implementing or refactoring React component styling with Vanilla Extract. It emphasizes zero-runtime CSS generation, strong TypeScript ergonomics, scalable variants, and safe theming patterns.
Vanilla Extract generates static CSS at build time from TypeScript style definitions.
Use debug during active development and switch to short for production when needed.
Vanilla Extract を使用して React コンポーネントをスタイリングするための包括的なガイド (Vite 統合、型付きスタイル、テーマ、構成、グローバル API、レシピ、動的ランタイム テーマ、およびオプションのスプリンクル)。このスキルは、ユーザー タスクに Vanilla Extract を使用した React コンポーネント スタイルの実装またはリファクタリングが含まれる場合、特にゼロランタイム CSS 生成、強力な TypeScript 人間工学、スケーラブルなバリアント、および安全なテーマ パターンを重視する場合に使用します。 ソース: ceski23/skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/ceski23/skills --skill vanilla-extractVanilla Extract を使用して React コンポーネントをスタイリングするための包括的なガイド (Vite 統合、型付きスタイル、テーマ、構成、グローバル API、レシピ、動的ランタイム テーマ、およびオプションのスプリンクル)。このスキルは、ユーザー タスクに Vanilla Extract を使用した React コンポーネント スタイルの実装またはリファクタリングが含まれる場合、特にゼロランタイム CSS 生成、強力な TypeScript 人間工学、スケーラブルなバリアント、および安全なテーマ パターンを重視する場合に使用します。 ソース: ceski23/skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ceski23/skills --skill vanilla-extract インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/ceski23/skills