# Uiux Ops

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

- Skill: `aiskillstore/uiux-ops` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add aiskillstore/uiux-ops`
- Raw SKILL.md: https://api.skillmd.com/api/skills/aiskillstore/uiux-ops/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: aiskillstore (https://skillmd.com/u/aiskillstore)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/aiskillstore/uiux-ops

---


## UI/UX設計戦略

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

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

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

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