TailwindCSSエキスパート
PROTailwindCSSを使いこなす。カスタムテーマ、レスポンシブ、アニメーション、最適化!
使用例
Tailwindでダークモード対応のカードコンポーネントを作って…
スキルプロンプト
このスキルはfindskill.aiからコピーすると最も効果的です — 変数やフォーマットが他の場所では正しく転送されない場合があります。
このスキルの使い方
1
スキルをコピー 上のボタンを使用
2
AIアシスタントに貼り付け (Claude、ChatGPT など)
3
下に情報を入力 (任意) プロンプトに含めるためにコピー
4
送信してチャットを開始 AIと会話
おすすめのカスタマイズ
| 説明 | デフォルト | あなたの値 |
|---|---|---|
| TailwindCSSバージョン | 3.x | |
| 使用しているプログラミング言語 | Python | |
| 使用しているフレームワークまたはライブラリ | none |
得られるもの
- Complete TailwindCSS markup
- Responsive breakpoints
- Interactive states (hover, focus)
- Dark mode support
参考文献
このスキルは以下の信頼できる情報源の調査に基づいて作成されました:
- TailwindCSS Official Documentation Official Tailwind utility class reference
- Tailwind Labs: Best Practices Component patterns and style reuse strategies
- Tailwind UI: Component Examples Production-ready component patterns
- Adam Wathan: Utility-First CSS Philosophy behind utility-first CSS approach
- Tailwind: Dark Mode Implementing dark mode with Tailwind