ui-patterns

SKILL.md

All UI components MUST support dark mode using Tailwind's class strategy.

| gap-1.5 | Icon + text in badges | | gap-2 | Button groups | | gap-3 | Form fields | | gap-4 | Section spacing | | gap-6 | Major section spacing | | p-4 | Card padding | | p-6 | Modal/panel padding |

React + TailwindCSS の UI デザイン パターン。新しい UI コンポーネントの作成、要素のスタイル設定、ダーク モード サポートの実装、または一貫したスタイルを必要とする React コンポーネントの作業を行うときに使用します。 ソース: cliangdev/specflux。

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

原文を見る