display-glasses-with-jetpack-compose-glimmer

Develop Android XR UI for display glasses with Jetpack Compose Glimmer.

Updated May 5, 2023
One-click install
npx skills add https://github.com/uyelikanil/AwesomeSunsetWallpapers --skill display-glasses-with-jetpack-compose-glimmer-uyelikanil
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/uyelikanil/AwesomeSunsetWallpapers/tree/main/.agents/skills/display-glasses-with-jetpack-compose-glimmer
Command: npx skills add https://github.com/uyelikanil/AwesomeSunsetWallpapers --skill display-glasses-with-jetpack-compose-glimmer-uyelikanil

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the complexity of developing UI for additive display glasses, ensuring that applications are legible, performant, and correctly integrated with the Android XR ecosystem.

Core Features & Use Cases

  • Glimmer UI Toolkit: Provides standardized components like Cards, Buttons, and Lists optimized for additive displays.
  • Spatial Design Guidelines: Enforces depth hierarchy, typography scaling, and contrast requirements for augmented reality.
  • Use Case: Use this skill to build a glanceable notification or information-overlay app that maintains user focus on the real world while providing clear, non-obstructive digital content.

Quick Start

Use the display-glasses-with-jetpack-compose-glimmer skill to configure a new projected activity with the required GlimmerTheme and Google Sans Flex typography.

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 augmented reality apps for display glasses using Jetpack Compose Glimmer?

To build augmented reality apps for display glasses, use the Jetpack Compose Glimmer toolkit to configure a projected activity with GlimmerTheme, apply spatial design guidelines, and implement optimized UI components like Cards and Buttons for additive displays.

What are the UI design constraints for additive displays on Android XR?

Additive displays on Android XR require strict contrast requirements, depth effect hierarchy, and typography scaling using Google Sans Flex. These spatial design constraints ensure digital content remains legible without obstructing the user's real-world view.

Does Jetpack Compose Glimmer support hardware-specific input mapping for XR eyewear?

Yes, Jetpack Compose Glimmer supports hardware-specific input mapping for intelligent eyewear. The toolkit provides development guidelines to correctly integrate and map physical inputs to UI interactions within the Android XR ecosystem.

How do I create glanceable notifications for AR display glasses?

Create glanceable notifications for AR display glasses by using Glimmer UI Toolkit components like Cards and Lists. These standardized components are optimized for additive displays to provide clear, non-obstructive information overlays that maintain user focus on the real world.

What accessibility requirements do I need to follow for Android XR display glasses apps?

Android XR display glasses apps must adhere to accessibility requirements enforced by the GlimmerTheme standards. This includes maintaining proper depth hierarchy, contrast ratios, and typography scaling to ensure augmented reality content is accessible on intelligent eyewear.

When should I use Glimmer UI Toolkit components instead of standard Jetpack Compose for Android XR?

Use Glimmer UI Toolkit components instead of standard Jetpack Compose when developing for additive display glasses. Glimmer provides standardized components specifically optimized for the unique depth, contrast, and legibility constraints of the Android XR augmented reality ecosystem.