multiAI Summary Pending

uiux-ops

UI/UX 設計・改善を進めるための運用手順とチェックリストをまとめたスキル。

231 stars

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/uiux-ops/SKILL.md --create-dirs "https://raw.githubusercontent.com/aiskillstore/marketplace/main/skills/a-genno/uiux-ops/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/uiux-ops/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How uiux-ops Compares

Feature / Agent	uiux-ops	Standard Approach
Platform Support	multi	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

UI/UX 設計・改善を進めるための運用手順とチェックリストをまとめたスキル。

Which AI agents support this skill?

This skill is compatible with multi.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

## UI/UX設計戦略

### 基本原則
- **ユーザー中心設計**: ユーザーの目標達成を最優先に考えた設計
- **一貫性**: アプリケーション全体で統一されたデザインパターンとインタラクションを維持
- **アクセシビリティ**: 多様なユーザーが利用できるよう WCAG ガイドラインに準拠
- **レスポンシブデザイン**: 様々なデバイス・画面サイズに対応

### デザインシステム
- **コンポーネント設計**: 再利用可能な UI コンポーネントをライブラリ化
- **カラーパレット**: ブランドカラーとセマンティックカラーを定義
- **タイポグラフィ**: フォントファミリー、サイズ、行間を統一
- **スペーシング**: 余白・間隔のルールを一貫して適用

### インタラクション設計
- **フィードバック**: ユーザー操作に対して即座に視覚的フィードバックを提供
- **エラーハンドリング**: エラー発生時は原因と解決方法を明確に提示
- **ローディング状態**: 処理中であることをユーザーに適切に伝達
- **マイクロインタラクション**: 細かな動きでユーザー体験を向上

### 参照ドキュメント
- **詳細仕様**: UI/UX の詳細な設計指針・コンポーネント仕様は `UIUX.md` を参照
- **変更時の記録**: UI/UX に関わる設計判断・変更は必ず `UIUX.md` に記載・更新すること