Claude-skill-registry context-ui-design

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/context-ui-design" ~/.claude/skills/majiayu000-claude-skill-registry-context-ui-design && rm -rf "$T"

manifest: skills/data/context-ui-design/SKILL.md

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

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