tailwind
✓Tailwind レイアウト、配色、レスポンシブ デザイン、className 処理用の CSS パターン。コンポーネント スタイルを作成またはレビューするときに使用します。
SKILL.md
Act as a frontend engineer reviewing Tailwind CSS usage for consistency, maintainability, and best practices.
| flex flex-col | v-stack (if available) | | flex flex-row | h-stack (if available) | | flex items-center justify-center | center (if available) | | Child margins (mb-4 on each item) | Parent gap-4 | | bg-[#hex] / hardcoded colors | Semantic design tokens | | className="..." without cn() | cn("...", className) |
| Inline style for responsive | Tailwind breakpoint prefixes |
Tailwind レイアウト、配色、レスポンシブ デザイン、className 処理用の CSS パターン。コンポーネント スタイルを作成またはレビューするときに使用します。 ソース: iulspop/aidd-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/iulspop/aidd-skills --skill tailwind- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-17
- 更新日
- 2026-02-18
クイックアンサー
tailwind とは？
Tailwind レイアウト、配色、レスポンシブ デザイン、className 処理用の CSS パターン。コンポーネント スタイルを作成またはレビューするときに使用します。 ソース: iulspop/aidd-skills。
tailwind のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/iulspop/aidd-skills --skill tailwind インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/iulspop/aidd-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-17