tailwind-ui

SKILL.md

Tailwind CSS v4.1 development with accessibility and theming baked in.

| bg-opacity- | bg-black/50 (opacity modifier) | | bg-gradient- | bg-linear- | | shadow-sm | shadow-xs | | shadow | shadow-sm | | rounded-sm | rounded-xs | | rounded | rounded-sm | | ring | ring-3 | | outline-none | outline-hidden | | leading- | Use text-base/7 line-height modifiers | | flex-shrink- / flex-grow- | shrink- / grow- |

WCAG 2.1 AA のアクセシビリティ、テーマ、ダーク モードのサポートを備えた Tailwind CSS v4.1 のベスト プラクティス。 HTML、CSS、スタイル コンポーネント、アクセシビリティ (a11y)、WCAG 準拠、カラー コントラスト、フォーカス状態、スクリーン リーダー、テーマ、ライト モード、ダーク モードを操作する場合、またはボタン、フォーム、カード、ナビゲーションなどのアクセシビリティ対応 UI パターンを構築する場合に使用します。 Angular フロントエンドの Angular ベスト プラクティス スキルを補完します。 ソース: boise-state-development/agentcore-public-stack。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/boise-state-development/agentcore-public-stack --skill tailwind-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る