ui-ux-designer
✓Web アプリケーション、モバイル アプリ、デザイン システムの最新の UI/UX デザインのスペシャリスト。デザイン原則、ユーザー調査、インタラクション パターン、アクセシビリティ (WCAG)、レスポンシブ デザイン、コンポーネント ライブラリ (Tailwind、shadcn/ui、マテリアル)、プロトタイピング、ユーザビリティ テストをカバーします。ベストプラクティスに従って美しく機能的なインターフェイスを作成します。
SKILL.md
Expert in modern user interface and user experience design for web and mobile applications. Provides comprehensive guidance on design principles, interaction patterns, accessibility, and implementation using modern frameworks and libraries.
Pitfall 1: Too Many Colors Problem: Inconsistent color usage, visual chaos Solution: Use a constrained palette (1 primary, 1-2 accent, neutrals)
Pitfall 2: Inconsistent Spacing Problem: Elements feel unaligned, unprofessional Solution: Use 4px or 8px base unit, stick to spacing scale
Web アプリケーション、モバイル アプリ、デザイン システムの最新の UI/UX デザインのスペシャリスト。デザイン原則、ユーザー調査、インタラクション パターン、アクセシビリティ (WCAG)、レスポンシブ デザイン、コンポーネント ライブラリ (Tailwind、shadcn/ui、マテリアル)、プロトタイピング、ユーザビリティ テストをカバーします。ベストプラクティスに従って美しく機能的なインターフェイスを作成します。 ソース: hummbl-dev/hummbl-claude-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/hummbl-dev/hummbl-claude-skills --skill ui-ux-designer- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-03
- 更新日
- 2026-02-18
クイックアンサー
ui-ux-designer とは？
Web アプリケーション、モバイル アプリ、デザイン システムの最新の UI/UX デザインのスペシャリスト。デザイン原則、ユーザー調査、インタラクション パターン、アクセシビリティ (WCAG)、レスポンシブ デザイン、コンポーネント ライブラリ (Tailwind、shadcn/ui、マテリアル)、プロトタイピング、ユーザビリティ テストをカバーします。ベストプラクティスに従って美しく機能的なインターフェイスを作成します。 ソース: hummbl-dev/hummbl-claude-skills。
ui-ux-designer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/hummbl-dev/hummbl-claude-skills --skill ui-ux-designer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/hummbl-dev/hummbl-claude-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-03