display-glasses-with-jetpack-compose-glimmer

Implement projected Android XR activities with Jetpack Compose Glimmer for display glasses.

174|8|Updated Jan 9, 2024
One-click install
npx skills add https://github.com/klxiaoniu/QQVersionList --skill display-glasses-with-jetpack-compose-glimmer-klxiaoniu
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/klxiaoniu/QQVersionList/tree/main/.agents/skills/display-glasses-with-jetpack-compose-glimmer
Command: npx skills add https://github.com/klxiaoniu/QQVersionList --skill display-glasses-with-jetpack-compose-glimmer-klxiaoniu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps you design and implement Android XR “projected activity” UIs that render correctly on additive display glasses using Jetpack Compose Glimmer, avoiding common legibility, theming, and interaction pitfalls.

Core Features & Use Cases

  • Glimmer-first UI guidelines for display glasses: enforce GlimmerTheme usage, additive display constraints (pure black background), and XR-optimized component choices for display glasses.
  • Projected Activity workflow: configure an xr_projected projected activity and launch/route the glasses-specific UI from the host app using ProjectedContext.
  • Interaction and focus model mapping: translate tap and swipe expectations to glasses hardware inputs and manage focus behavior with Glimmer’s one-dimensional focus system.
  • Design constraints for legibility and visuals: apply minimum readable text sizing, avoid unsupported shadow/elevation patterns, and use Glimmer depth effects for hierarchy.
  • Reference-assisted implementation: includes supporting references for projected context setup, focus behavior, typography configuration, and hardware permission access.

Quick Start

Ask the AI to create a GlimmerTheme-wrapped projected activity that uses a pure black root background and renders the UI with Jetpack Compose Glimmer components for display glasses, then maps tap/swipe interactions to focusable buttons and list items.

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 projected activities for additive display glasses?

Build Android XR projected activities for additive display glasses using Jetpack Compose Glimmer UI patterns, enforcing GlimmerTheme, pure black projected backgrounds, and XR-compliant text sizing to ensure proper legibility and interaction mapping on the glasses form factor.

Why does my Android XR UI render incorrectly on smart glasses?

Android XR UIs render incorrectly on smart glasses when using MaterialTheme instead of GlimmerTheme, applying non-black backgrounds, or using unsupported shadow and elevation patterns that fail on additive displays.

How do I set up focus navigation for projected activities on intelligent eyewear?

Set up focus navigation for projected activities on intelligent eyewear by translating tap and swipe expectations to glasses hardware inputs and managing focus behavior using Glimmer's one-dimensional focus system.

Can I use MaterialTheme components for Android XR projected interfaces?

No, you cannot use MaterialTheme components for Android XR projected interfaces; you must use GlimmerTheme and Glimmer components only to satisfy projected activity requirements and ensure proper depth effects on additive displays.

How do I launch a projected context UI from an Android host app to display glasses?

Launch a projected context UI from an Android host app to display glasses by configuring an xr_projected activity and routing the glasses-specific UI using ProjectedContext to manage the XR-compliant rendering.