display-glasses-with-jetpack-compose-glimmer
This skill teaches you to develop Android XR augmented experiences for display glasses using Jetpack Compose Glimmer, Google's UI toolkit designed for transparent, additive displays. You'll master Glimmer design principles, theming with GlimmerTheme, and component implementation while adhering to glasses-specific constraints like minimum text legibility and black backgrounds. Use it to create lightweight, real-world-aware apps that project from a host device to connected eyewear.
Display Glasses with Jetpack Compose Glimmer helps you build Android XR apps optimized for display glasses using the Glimmer UI toolkit.
AI-generated summary based on this skill's SKILL.md
Install
android/skills/display-glasses-with-jetpack-compose-glimmer · repository language: Python
git clone https://github.com/android/skills
cp -r skills/xr/display-glasses-with-jetpack-compose-glimmer ~/.claude/skills/display-glasses-with-jetpack-compose-glimmerFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is Jetpack Compose Glimmer for display glasses?
display-glasses-with-jetpack-compose-glimmer teaches you to build Android XR augmented experiences for display glasses using Jetpack Compose Glimmer, Google's UI toolkit designed for transparent, additive displays. Glimmer lets you create lightweight, real-world-aware apps that project from a host device to connected eyewear while adhering to glasses-specific constraints like minimum text legibility and black backgrounds.
How do I build an app for smart glasses with Jetpack Compose?
display-glasses-with-jetpack-compose-glimmer covers setting up projected activities and hardware integration for eyewear, implementing Glimmer components like cards, buttons, and lists, and managing focus and input controls. You'll learn to optimize UI for additive displays, minimize real-world obstruction, and use GlimmerTheme for proper theming with Google Sans Flex typography and depth effects suited to transparent screens.
What does the Glimmer design system include?
Glimmer is Google's design system for Android XR smart glasses, encompassing component implementation guidelines, theming with GlimmerTheme, typography using Google Sans Flex, color palettes, shapes, and depth effects optimized for additive displays. display-glasses-with-jetpack-compose-glimmer teaches you these design principles so you can build consistent, legible interfaces that respect glasses-specific constraints and minimize coverage of the real world.
How do I manage focus and interaction on display glasses?
display-glasses-with-jetpack-compose-glimmer explains interaction models and focus management tailored to smart eyewear, including how to handle input controls and ensure proper focus flow for hands-free or gesture-based navigation. You'll learn glasses-specific best practices that differ from phone or tablet development, enabling intuitive augmented experiences on transparent, additive displays.
What are projected activities in Android XR glasses development?
Projected activities are the foundation for Android XR apps on display glasses—they allow your host device to send UI to connected eyewear. display-glasses-with-jetpack-compose-glimmer covers projected activity setup and hardware integration, showing you how to configure and manage the connection between your app and the glasses display to deliver real-time augmented content.
How do I minimize real-world obstruction in glasses UI?
display-glasses-with-jetpack-compose-glimmer teaches UI optimization for additive displays, emphasizing minimal coverage of the real world through thoughtful layout, black backgrounds, and strategic use of Glimmer components. You'll learn design practices that keep augmented content unobtrusive while maintaining legibility and usability on transparent eyewear.
SKILL.md
rendered from the published skill — quoted content, verbatim
Glossary
| Term | Definition |
|---|---|
| Intelligent Eyewear | All-day wear, hands-free devices that provide access to information. Equipped with speakers, a camera, and a microphone. Some are audio-only (audio glasses), and some also have a display (display glasses). |
| Display Glasses | Audio glasses with the addition of a small, private display for glanceable |
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 15 files
xr/display-glasses-with-jetpack-compose-glimmer/SKILL.md
xr/display-glasses-with-jetpack-compose-glimmer/references/android/design/ui/ai-glasses/guides/interaction/inputs.md
xr/display-glasses-with-jetpack-compose-glimmer/references/android/develop/xr/jetpack-xr-sdk/access-hardware-projected-context.md
xr/display-glasses-with-jetpack-compose-glimmer/references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/buttons.md
xr/display-glasses-with-jetpack-compose-glimmer/references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/cards.md
xr/display-glasses-with-jetpack-compose-glimmer/references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/focus.md
xr/display-glasses-with-jetpack-compose-glimmer/references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/icons.md
xr/display-glasses-with-jetpack-compose-glimmer/references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/text.md
xr/display-glasses-with-jetpack-compose-glimmer/references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/title-chips.md
xr/display-glasses-with-jetpack-compose-glimmer/references/android/develop/xr/jetpack-xr-sdk/request-hardware-permissions.md
xr/display-glasses-with-jetpack-compose-glimmer/references/button-samples-source.md
xr/display-glasses-with-jetpack-compose-glimmer/references/button-source.md
xr/display-glasses-with-jetpack-compose-glimmer/references/card-samples-source.md
xr/display-glasses-with-jetpack-compose-glimmer/references/card-source.md
xr/display-glasses-with-jetpack-compose-glimmer/references/deptheffect-source.md