# UI Context

**Purpose**: User interface design patterns, standards, and best practices across all platforms

**Last Updated**: 2026-01-07

---

## Overview

This category contains UI/UX patterns, design systems, and interface standards for building user-facing applications across different platforms.

---

## Directory Structure

### 📁 Subcategories

| Subcategory | Description | Path |
|-------------|-------------|------|
| **web/** | Web UI patterns, animations, styling, React components | [web/navigation.md](web/navigation.md) |
| **terminal/** | Terminal UI (TUI) patterns for CLI applications | [terminal/navigation.md](terminal/navigation.md) |

### Future Subcategories

- **mobile/** - React Native, Flutter patterns (planned)
- **desktop/** - Electron, Tauri patterns (planned)

---

## Quick Navigation

### Web UI
- Animation patterns and micro-interactions
- CSS styling standards and design systems
- React component patterns
- Design assets and resources
- Scroll-linked animations (scrollytelling)

### Terminal UI
- CLI/TUI patterns (planned)
- Ink, Blessed component patterns (planned)
- Terminal animations and progress indicators (planned)

---

## Usage

**Web development**: Navigate to `web/` for browser-based UI patterns

**CLI/TUI development**: Navigate to `terminal/` for terminal interface patterns

**Cross-platform**: Consider patterns from multiple subcategories

---

## Scope

This category covers:
- ✅ Visual design patterns
- ✅ Animation and transitions
- ✅ Component architecture
- ✅ Styling standards
- ✅ Design systems
- ✅ Accessibility patterns
- ⏳ Platform-specific patterns (mobile, desktop)

---

## Related Categories

- `development/` - General development patterns (backend, APIs, clean code)
- `product/` - Product design and UX strategy
- `content/` - Content design and copywriting

---

## Used By

**Agents**: frontend-specialist, design-specialist, ui-developer, animation-expert