display-glasses-with-jetpack-compose-glimmer

Design Android XR display glass apps with Jetpack Compose Glimmer.

28|5|Updated Oct 8, 2024
One-click install
npx skills add https://github.com/kabirnayeem99/Ktor2Curl --skill display-glasses-with-jetpack-compose-glimmer-kabirnayeem99
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/kabirnayeem99/Ktor2Curl/tree/main/.agents/skills/display-glasses-with-jetpack-compose-glimmer
Command: npx skills add https://github.com/kabirnayeem99/Ktor2Curl --skill display-glasses-with-jetpack-compose-glimmer-kabirnayeem99

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the unique challenges of developing for additive display glasses, where standard UI toolkits fail to render correctly due to transparency and focus constraints.

Core Features & Use Cases

  • Glimmer-Specific Theming: Provides strict guidelines for using GlimmerTheme, typography, and depth tokens to ensure legibility on additive lenses.
  • Component Library: Offers optimized implementations for Cards, Buttons, and Stacks designed for 1D focus navigation.
  • Use Case: Use this skill to build a glanceable notification or status dashboard that overlays information on the real world without obstructing the user's field of view.

Quick Start

Apply the GlimmerTheme to your root container and use the Glimmer Card component to display your primary information.

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 Android XR display glasses UI with Jetpack Compose?

To build Android XR display glasses UI with Jetpack Compose, apply the GlimmerTheme to your root container and use the Glimmer Card component to display primary information. This provides strict guidelines for typography and depth tokens to ensure legibility on additive lenses.

What is Glimmer toolkit theming for augmented reality wearables?

Glimmer toolkit theming for augmented reality wearables provides strict guidelines for using GlimmerTheme, typography, and depth tokens. This ensures legibility on additive lenses where standard UI toolkits fail to render correctly due to transparency and focus constraints.

Does standard Jetpack Compose work for Android XR display glasses?

Standard Jetpack Compose does not work properly for Android XR display glasses because standard UI toolkits fail to render correctly due to transparency and focus constraints. You need the Glimmer toolkit to ensure compliance with hardware-specific requirements.

What are the limitations of standard UI components on additive display glasses?

The limitations of standard UI components on additive display glasses include failing to render correctly due to transparency and focus constraints. Developers must use Glimmer-specific components like Cards, Buttons, and Stacks designed for 1D focus navigation to avoid obstructing the user's field of view.

How do I manage focus navigation for Android XR eyewear applications?

To manage focus navigation for Android XR eyewear applications, use optimized Glimmer component implementations for Cards, Buttons, and Stacks designed specifically for one-dimensional focus management. This ensures glanceable information overlay without obstructing the field of view.

Do I need pure black backgrounds for Android XR display glasses UI?

You need pure black backgrounds for Android XR display glasses UI to ensure compliance with hardware-specific requirements. The Glimmer toolkit also requires Google Sans Flex variable font settings to maintain legibility on additive lenses.