frontend-tailwind-best-practices
✓フロントエンド アプリ用の Tailwind CSS パターンと規則。コンポーネントのスタイル、レイアウトを作成するとき、または CSS クラスを操作するときに使用します。
SKILL.md
Styling patterns and conventions for frontend applications. Contains 10 rules covering layout utilities, affordances, color schemes, responsive design, and className handling.
Design for input capabilities (pointer/hover) instead of device labels.
| flex flex-col | v-stack | | flex flex-row | h-stack | | flex items-center justify-center | center | | bg-gray-100 | bg-neutral-100 | | bg-[#hex] | Use design tokens | | className="..." without cn() | cn("...", className) | | Inline style for responsive | Tailwind prefixes |
フロントエンド アプリ用の Tailwind CSS パターンと規則。コンポーネントのスタイル、レイアウトを作成するとき、または CSS クラスを操作するときに使用します。 ソース: sergiodxa/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-tailwind-best-practices- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
frontend-tailwind-best-practices とは？
フロントエンド アプリ用の Tailwind CSS パターンと規則。コンポーネントのスタイル、レイアウトを作成するとき、または CSS クラスを操作するときに使用します。 ソース: sergiodxa/agent-skills。
frontend-tailwind-best-practices のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-tailwind-best-practices インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/sergiodxa/agent-skills