context-ui-design

UI主题系统、设计令牌、Material-UI模式和可访问性标准。处理主题定制、组件样式、设计系统模式和可访问性功能。在使用UI组件、主题定制、设计系统模式或可访问性功能时，或者当用户提到Material-UI、MUI组件、主题令牌、暗模式、组件样式、设计系统、可访问性、布局问题、样式问题或ARIA模式时使用。

UI Design

Navigate UI theme system, design tokens, Material-UI patterns, and accessibility.

Overview

Design system and UI consistency for fintech application.

Theme System

frontend/src/theme/createPrimeRadiantTheme.ts - Theme factory
frontend/src/theme/primeRadiantTokens.ts - Design tokens

UI Components

frontend/src/ui/primeRadiant/ - Prime Radiant UI components
Material-UI customizations

Component Patterns

Search for Modal, Dialog, Button, Card in frontend/src/components/
Form patterns
Layout patterns

Accessibility

ARIA patterns
Keyboard navigation
Screen reader support

Responsive Design

Breakpoints
Mobile-first patterns

Documentation

Internal: docs/design/UI_SYSTEM.md (create if needed)
Internal: docs/design/ACCESSIBILITY.md (create if needed)

Related Areas

See context-analytics for analytics UI
See context-portfolio for portfolio UI
See context-brokerage for brokerage UI