tailwindcss-design
✓リファクタリング UI 原則の TailwindCSS 実装パターン。 Web デザインを習得するための COMPANION スキル。 TailwindCSS、Tailwind クラス、ユーティリティ クラス、Tailwind 構成、Tailwind コンポーネント、Tailwind ダーク モード、Tailwind 応答性、Tailwind 間隔、Tailwind タイポグラフィ、Tailwind カラー、Tailwind シャドウに対して常にアクティブ化します。クラスレシピ、コンポーネントパターン、ダークモード実装、レスポンシブパターンを提供します。トルコ語: Tailwind kullanımı、Tailwind クラス、ユーティリティ CSS、Tailwind config。英語: Tailwind パターン、ユーティリティ優先の CSS、Tailwind のベスト プラクティス。
SKILL.md
TailwindCSS implementation companion for web-design-mastery skill. Translates Refactoring UI principles into Tailwind utility classes.
Prerequisite: This skill provides Tailwind-specific syntax. For design theory and decision-making, reference web-design-mastery skill.
ALWAYS check tailwind.config.js for custom colors before using generic colors.
リファクタリング UI 原則の TailwindCSS 実装パターン。 Web デザインを習得するための COMPANION スキル。 TailwindCSS、Tailwind クラス、ユーティリティ クラス、Tailwind 構成、Tailwind コンポーネント、Tailwind ダーク モード、Tailwind 応答性、Tailwind 間隔、Tailwind タイポグラフィ、Tailwind カラー、Tailwind シャドウに対して常にアクティブ化します。クラスレシピ、コンポーネントパターン、ダークモード実装、レスポンシブパターンを提供します。トルコ語: Tailwind kullanımı、Tailwind クラス、ユーティリティ CSS、Tailwind config。英語: Tailwind パターン、ユーティリティ優先の CSS、Tailwind のベスト プラクティス。 ソース: anilcancakir/my-claude-code。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/anilcancakir/my-claude-code --skill tailwindcss-design- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
tailwindcss-design とは？
リファクタリング UI 原則の TailwindCSS 実装パターン。 Web デザインを習得するための COMPANION スキル。 TailwindCSS、Tailwind クラス、ユーティリティ クラス、Tailwind 構成、Tailwind コンポーネント、Tailwind ダーク モード、Tailwind 応答性、Tailwind 間隔、Tailwind タイポグラフィ、Tailwind カラー、Tailwind シャドウに対して常にアクティブ化します。クラスレシピ、コンポーネントパターン、ダークモード実装、レスポンシブパターンを提供します。トルコ語: Tailwind kullanımı、Tailwind クラス、ユーティリティ CSS、Tailwind config。英語: Tailwind パターン、ユーティリティ優先の CSS、Tailwind のベスト プラクティス。 ソース: anilcancakir/my-claude-code。
tailwindcss-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/anilcancakir/my-claude-code --skill tailwindcss-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/anilcancakir/my-claude-code
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01