display-ai-glasses-with-jetpack-compose-glimmer

What problem does it solve?

This Skill helps you design and implement readable, input-friendly Android XR projected experiences for Display AI Glasses using Jetpack Compose Glimmer, avoiding common hardware- and form-factor-specific pitfalls.

Core Features & Use Cases

• Projected Activity setup: Create and integrate a dedicated projected glasses Activity, and ensure launch behavior targets the glasses device (not the phone).
• Glimmer-first UI constraints: Enforces GlimmerTheme usage instead of MaterialTheme, additive-display-safe backgrounds, and XR legibility rules (minimum text size, font weight guidance).
• Glasses interaction model: Maps 1-dimensional navigation (tap/swipe/touchpad) to Glimmer focus behavior, including initial focus management.
• Depth, layout, and component guidance: Provides practical constraints for cards/lists/stacks, depth tokens (DepthEffect/DepthEffectLevels), and scrim/stack masking patterns.
• System UI integration considerations: Covers how to reason about notifications and launching glasses activities from notifications.

Quick Start

Implement a projected AI Glasses Activity that wraps all UI in GlimmerTheme, uses a pure black additive root background, and builds the interface with Jetpack Compose Glimmer components sized and styled for minimum legibility (18sp / 0.6°).