https://developer.android.com/agents/skills/xr/display-glasses-with-jetpack-compose-glimmer/skill

Design Jetpack Compose UI for XR glasses with GlimmerTheme and Google Sans Flex.

5|Updated Feb 22, 2026
One-click install
npx skills add https://github.com/fornewid/android-developers-changelog --skill https-developer-android-com-agents-skills-xr-display-glasses-with-jetpack-compose-glimmer-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: https://developer.android.com/agents/skills/xr/display-glasses-with-jetpack-compose-glimmer/skill
Source: https://github.com/fornewid/android-developers-changelog/tree/main/docs/agents/skills/xr/display-glasses-with-jetpack-compose-glimmer
Command: npx skills add https://github.com/fornewid/android-developers-changelog --skill https-developer-android-com-agents-skills-xr-display-glasses-with-jetpack-compose-glimmer-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you implement Jetpack Compose UI that is legible and usable on additive display glasses, by guiding the right theming, layout, and input/output constraints specific to XR display projection.

Core Features & Use Cases

  • Projected-activity setup: Configure an intelligent eyewear “Glasses Activity” that uses a projected context and the correct manifest display category.
  • Glimmer-first UI implementation: Use Jetpack Compose Glimmer components and wrap UI in GlimmerTheme to ensure correct token resolution and appearance on additive displays.
  • Additive-display correctness: Enforce a pure black background on the projected activity root and avoid invalid Material usage that can render text invisible.
  • Focusable, XR-friendly interaction design: Map gestures (tap/swipe) to hardware controls, support focus management, and dismiss transient states with system back.
  • Legibility and hierarchy rules: Apply minimum readable text sizing, correct typography (Google Sans Flex), contrast guidance, and depth/shadow rules instead of Material elevation.
  • Component guidance for common UI primitives: Follow constraints for Cards, Buttons, Title Chips, Icons, Lists, and Stacks so the UI remains consistent with Glimmer’s focus model.

Quick Start

Use the display-glasses-with-jetpack-compose-glimmer Skill to design and implement your projected activity UI using GlimmerTheme, a pure black root background, and Google Sans Flex typography while avoiding MaterialTheme and unsupported elevation modifiers.

Frequently Asked Questions about https://developer.android.com/agents/skills/xr/display-glasses-with-jetpack-compose-glimmer/skill

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

FAQPage Schema
How do I build Jetpack Compose UI for XR display glasses?

To build Jetpack Compose UI for XR display glasses, implement a projected activity context using Jetpack Compose Glimmer components wrapped in GlimmerTheme to ensure correct token resolution and visibility on additive displays.

Why does my text render invisible on additive display glasses?

Text renders invisible on additive displays when using invalid MaterialTheme configurations or unsupported elevation modifiers. You must enforce a pure black root background and use Google Sans Flex typography instead of standard Material theming.

Can I use MaterialTheme and elevation modifiers for projected XR activities?

No, you cannot use MaterialTheme or elevation modifiers for projected XR activities. The Skill prohibits MaterialTheme and elevation usage, requiring GlimmerTheme and depth/ShadowScope rules instead to maintain text legibility on additive displays.

What's the best way to handle user input on Android XR display glasses?

The best way to handle user input on Android XR display glasses is mapping hardware gestures like tap and swipe to UI controls, supporting focus management, and dismissing transient states with system back within Glimmer’s focus model.

Do I need Google Sans Flex typography for Jetpack Compose Glimmer UI?

Yes, you need Google Sans Flex typography for Jetpack Compose Glimmer UI on display glasses. It is required alongside minimum readable text sizing and contrast guidance to ensure legibility on additive display projections.

What UI primitives are supported by Jetpack Compose Glimmer for XR?

Jetpack Compose Glimmer supports UI primitives including Cards, Buttons, Title Chips, Icons, Lists, and Stacks for XR. These components follow specific constraints to remain consistent with Glimmer’s focus-friendly interaction model.