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
Decision gist · record as of 2026-07-14
Display Glasses with Jetpack Compose Glimmer helps you build Android XR apps optimized for display glasses using the Glimmer UI toolkit. 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.
Use it when
- display-glasses-with-jetpack-compose-glimmer covers setting up projected activities and hardware integration for eyewear.
- Glimmer is Google's design system for Android XR smart glasses, encompassing component implementation guidelines, theming with GlimmerTheme.
Verify before relying
Read SKILL.md below before installing (32 files). Open directory: indexed for reading, not audited.
Install
android/skills/display-glasses-with-jetpack-compose-glimmer · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
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
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Build Android XR apps for display glasses using Jetpack Compose Glimmer”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Master the core patterns of Jetpack Compose to construct responsive, accessible Android interfaces. This skill covers layouts, modifiers, theming, and component design while emphasizing stable state and semantic correctness over premature optimization.
This skill walks you through systematically converting legacy XML layouts into declarative Jetpack Compose components. Following a 10-step methodology—from candidate selection and dependency setup through theming, migration, validation, and cleanup—you'll achieve pixel-perfect visual parity while preserving functional integrity and project conventions.
Master image loading in Jetpack Compose using Coil's AsyncImage component, painter variants, and subcomposition APIs. This skill covers sizing strategies, placeholder and error state handling, accessibility semantics, and list performance optimization to build stable, responsive image surfaces.
Material-3 covers Google's Material Design 3 system for building adaptive, personal UIs primarily in Jetpack Compose. It includes 30+ components, a complete token system for color and typography, theming with dynamic color, and responsive layout patterns across window sizes. Also supports Flutter and web implementations.
This skill guides you through converting Android XML layouts to idiomatic Jetpack Compose code. It provides layout mapping tables for common containers and widgets, attribute translation, and patterns for state migration from LiveData to Compose state. Use it for full rewrites or incremental adoption via ComposeView interop.
Styles guides you through adopting Jetpack Compose's Styles API for custom UI components and themes. Follow step-by-step workflows to upgrade dependencies, establish ComponentStyles, and migrate components using Modifier.styleable to replace hard-coded styling parameters with unified style attributes.
More skills compose-slot-api-pattern (Apache-2.0) · mobile-android-design (MIT)