display-glasses-with-jetpack-compose-glimmer

Build Android XR display glasses apps using the Jetpack Compose Glimmer UI toolkit.

1|Updated Jul 6, 2026
One-click install
npx skills add https://github.com/citytexi/team-yg-pesonal-agent --skill display-glasses-with-jetpack-compose-glimmer-citytexi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: display-glasses-with-jetpack-compose-glimmer
Source: https://github.com/citytexi/team-yg-pesonal-agent/tree/main/.claude/skills/display-glasses-with-jetpack-compose-glimmer
Command: npx skills add https://github.com/citytexi/team-yg-pesonal-agent --skill display-glasses-with-jetpack-compose-glimmer-citytexi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Developing UI for display glasses requires handling additive displays, one-dimensional input, and strict legibility constraints that standard Material Compose components cannot satisfy. This Skill provides the design principles, component APIs, and implementation workflows needed to build projected Android XR apps that render correctly on glasses. ## Core Features & Use Cases - Glimmer Component Guidance: Covers Cards, Buttons, Title Chips, Icons, Lists, Stacks, Text, and Surface with API source references and implementation samples. - Theming & Typography: Enforces GlimmerTheme, Google Sans Flex variable font configuration, depth effect levels, and additive-display color rules such as mandatory black backgrounds. - Projected Activity Setup: Walks through creating a Projected Activity, declaring dependencies, checking hardware capabilities, and mapping touchpad input. - Use Case: Add a "Launch on Glasses" button to an existing Android app that projects a Glimmer-based card UI onto connected display glasses with proper focus and depth behavior. ## Quick Start Use this skill to create a Jetpack Compose Glimmer UI for display glasses in my Android project.

Frequently Asked Questions about display-glasses-with-jetpack-compose-glimmer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build an Android XR app for display glasses with Jetpack Compose?▼

Create a Projected Activity with the xr_projected display category, add the androidx.xr.glimmer:glimmer dependency, and wrap all UI in GlimmerTheme. Use Glimmer components like Card, Button, and List instead of Material components, with a pure black root background.

What is Jetpack Compose Glimmer used for?▼

Jetpack Compose Glimmer is a Compose UI toolkit for building augmented Android XR experiences on display glasses. It provides components, theming, and depth behaviors optimized for transparent additive displays where black renders as fully transparent.

Can I use MaterialTheme or Material components with Glimmer?▼

No. MaterialTheme and Material components must not be used because standard Material Text resolves to dark foreground tokens that render invisible on additive displays. Use GlimmerTheme and Glimmer components, which automatically manage content colors for glasses.

What Android SDK version does Jetpack Compose Glimmer require?▼

The project must target compileSdk 37 or higher. You also need the latest androidx.xr.glimmer:glimmer and androidx.xr.glimmer:glimmer-google-fonts dependencies declared in the project.

What are the text legibility limits on display glasses?▼

The absolute minimum readable text size is 18sp, corresponding to a 0.6 degree visual angle. Thin or Hairline font weights must be avoided because they cause shimmering and aliasing on additive AR lenses.

How does input work on display glasses apps?▼

Input is one-dimensional through the glasses touchpad using tap and swipe gestures. Glimmer uses one-dimensional focus search, and you must set isInitialFocusOnFocusableAvailable to true in onCreate to enable automatic initial focus.