tailwind-ui とは？
ヒーロー、フォーム、リスト、ナビゲーションバー、モーダル、カード、または標準的な Web コンポーネントなどの一般的な UI パターン用に、Tailwind CSS を使用して HTML/JSX を記述するときに使用します。 ソース: ralphcrisostomo/nuxt-development-skills。
·tailwind-ui
*
tailwind-ui
✓ralphcrisostomo/nuxt-development-skillsGitHub: ralphcrisostomo/nuxt-development-skillsソース: ralphcrisostomo/nuxt-development-skills
ヒーロー、フォーム、リスト、ナビゲーションバー、モーダル、カード、または標準的な Web コンポーネントなどの一般的な UI パターン用に、Tailwind CSS を使用して HTML/JSX を記述するときに使用します。
tailwind-ui のインストール方法
コマンドラインで tailwind-ui AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill tailwind-ui
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: ralphcrisostomo/nuxt-development-skills。
SKILL.md
原文を見るAlways search templates before writing Tailwind UI code from scratch.
You have access to 657 hand-crafted Tailwind UI templates in assets/. These templates include dark mode, accessibility, polish, and edge case handling that you won't replicate from scratch.
Always prefer v4 (latest Tailwind CSS). Use v3 only for legacy projects.
ヒーロー、フォーム、リスト、ナビゲーションバー、モーダル、カード、または標準的な Web コンポーネントなどの一般的な UI パターン用に、Tailwind CSS を使用して HTML/JSX を記述するときに使用します。 ソース: ralphcrisostomo/nuxt-development-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill tailwind-ui- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-03-07
- 更新日
- 2026-03-10
Browse more skills from ralphcrisostomo/nuxt-development-skills
クイックアンサー
tailwind-ui のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill tailwind-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ralphcrisostomo/nuxt-development-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-03-07