83 lines
2.0 KiB
Markdown
83 lines
2.0 KiB
Markdown
<!-- Context: ui/navigation | Priority: critical | Version: 1.0 | Updated: 2026-02-15 -->
|
|
|
|
# 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
|