ui-design-system
✓TailwindCSS + Radix + shadcn/ui を使用して UI コンポーネント システムに反応します。スタック: TailwindCSS (スタイリング)、Radix UI (プリミティブ)、shadcn/ui (コンポーネント)、React/Next.js。機能: デザイン システム アーキテクチャ、アクセス可能なコンポーネント、レスポンシブ レイアウト、テーマ、ダーク モード、コンポーネント構成。アクション: UI コンポーネントのレビュー、設計、構築、改善、リファクタリング。キーワード: TailwindCSS、Radix UI、shadcn/ui、デザイン システム、コンポーネント ライブラリ、アクセシビリティ、ARIA、レスポンシブ、ダーク モード、テーマ、CSS 変数、コンポーネント アーキテクチャ、アトミック デザイン、デザイン トークン、バリアント、スロット、構成。次の場合に使用します: コンポーネント ライブラリの構築、shadcn/ui の実装、アクセシブルな UI の作成、デザイン システムのセットアップ、ダーク モード/テーマの追加、UI コンポーネント アーキテクチャのレビュー。
SKILL.md
Comprehensive UI/UX design, review, and improvement for modern web applications.
Production-ready implementations with TailwindCSS + Radix UI + shadcn/ui and modern React patterns.
Key Principle: Each layer enhances the one below. Start with Tailwind for styling, add Radix for accessible behavior, use shadcn/ui for complete components.
TailwindCSS + Radix + shadcn/ui を使用して UI コンポーネント システムに反応します。スタック: TailwindCSS (スタイリング)、Radix UI (プリミティブ)、shadcn/ui (コンポーネント)、React/Next.js。機能: デザイン システム アーキテクチャ、アクセス可能なコンポーネント、レスポンシブ レイアウト、テーマ、ダーク モード、コンポーネント構成。アクション: UI コンポーネントのレビュー、設計、構築、改善、リファクタリング。キーワード: TailwindCSS、Radix UI、shadcn/ui、デザイン システム、コンポーネント ライブラリ、アクセシビリティ、ARIA、レスポンシブ、ダーク モード、テーマ、CSS 変数、コンポーネント アーキテクチャ、アトミック デザイン、デザイン トークン、バリアント、スロット、構成。次の場合に使用します: コンポーネント ライブラリの構築、shadcn/ui の実装、アクセシブルな UI の作成、デザイン システムのセットアップ、ダーク モード/テーマの追加、UI コンポーネント アーキテクチャのレビュー。 ソース: samhvw8/dot-claude。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/samhvw8/dot-claude --skill ui-design-system- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
ui-design-system とは？
TailwindCSS + Radix + shadcn/ui を使用して UI コンポーネント システムに反応します。スタック: TailwindCSS (スタイリング)、Radix UI (プリミティブ)、shadcn/ui (コンポーネント)、React/Next.js。機能: デザイン システム アーキテクチャ、アクセス可能なコンポーネント、レスポンシブ レイアウト、テーマ、ダーク モード、コンポーネント構成。アクション: UI コンポーネントのレビュー、設計、構築、改善、リファクタリング。キーワード: TailwindCSS、Radix UI、shadcn/ui、デザイン システム、コンポーネント ライブラリ、アクセシビリティ、ARIA、レスポンシブ、ダーク モード、テーマ、CSS 変数、コンポーネント アーキテクチャ、アトミック デザイン、デザイン トークン、バリアント、スロット、構成。次の場合に使用します: コンポーネント ライブラリの構築、shadcn/ui の実装、アクセシブルな UI の作成、デザイン システムのセットアップ、ダーク モード/テーマの追加、UI コンポーネント アーキテクチャのレビュー。 ソース: samhvw8/dot-claude。
ui-design-system のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/samhvw8/dot-claude --skill ui-design-system インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/samhvw8/dot-claude
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01