ui-ux-design
✓強力な UX とビジュアル クラフトを備えた本番グレードのフロントエンド インターフェイスを作成します。 Web コンポーネント、ページ、ダッシュボード、フォーム、ランディング ページ、または任意の UI を構築するときに使用します。ユーザーが「フォームを構築する」、「ダッシュボードを作成する」、「コンポーネントをデザインする」、「ランディング ページを作成する」、または UI/UX の作業を依頼する場合に使用します。
SKILL.md
Create functional, accessible, visually distinctive interfaces. Output is working code.
| Contrast | 4.5:1 text, 3:1 UI components | | Focus states | Visible outline on all interactive elements | | Touch targets | Minimum 44×44px | | Reduced motion | Respect prefers-reduced-motion | | Labels | All inputs have associated labels | | Empty states | Helpful message + clear action | | Error states | Explain what happened + how to fix |
| Minimalism | Productivity, professional, portfolios | | Glassmorphism | Dashboards, tech products | | Neubrutalism | Creative, startups, distinctive brands | | Editorial | Content sites, publications | | Organic | Consumer apps, wellness, community | | Dark Mode | User preference, low-light contexts |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/arvindand/agent-skills --skill ui-ux-design- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
ui-ux-design とは？
強力な UX とビジュアル クラフトを備えた本番グレードのフロントエンド インターフェイスを作成します。 Web コンポーネント、ページ、ダッシュボード、フォーム、ランディング ページ、または任意の UI を構築するときに使用します。ユーザーが「フォームを構築する」、「ダッシュボードを作成する」、「コンポーネントをデザインする」、「ランディング ページを作成する」、または UI/UX の作業を依頼する場合に使用します。 ソース: arvindand/agent-skills。
ui-ux-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/arvindand/agent-skills --skill ui-ux-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/arvindand/agent-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01