display-glasses-with-jetpack-compose-glimmer

Generate glasses-optimized UI guidance for Android XR projected displays with Jetpack Compose Glimmer.

1|Updated Mar 17, 2026
One-click install
npx skills add https://github.com/premex-ab/claude-marketplace --skill display-glasses-with-jetpack-compose-glimmer
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/premex-ab/claude-marketplace/tree/main/plugins/android-display-glasses-with-jetpack-compose-glimmer/skills/display-glasses-with-jetpack-compose-glimmer
Command: npx skills add https://github.com/premex-ab/claude-marketplace --skill display-glasses-with-jetpack-compose-glimmer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides practical, glasses-specific guidelines for designing and implementing Jetpack Compose Glimmer UIs for Android XR display glasses so your projected experience is legible, performant, and visually consistent.

Core Features & Use Cases

  • Glimmer-first design rules: Establishes GlimmerTheme-based theming and forbids MaterialTheme/Material components that break additive display behavior.
  • Additive display correctness: Enforces a mandatory pure-black root background and discourages UI patterns that obstruct the real world.
  • Interaction and input mapping: Guides one-dimensional touchpad-style interaction patterns, focus management, and dismissal behavior for glasses.
  • Legibility & visual hierarchy constraints: Sets readable text minimums, warns against thin font weights, and specifies depth/shadow usage.
  • Projected activity workflow: Covers prerequisites for creating/launching a glasses projected activity using ProjectedContext and xr_projected manifest requirements.

Quick Start

Use the display-glasses-with-jetpack-compose-glimmer skill to review your projected activity and update your UI to use GlimmerTheme, a pure black root background, Google Sans Flex typography, and Glimmer components instead of Material components.

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

Build Android XR UI for projected display glasses by wrapping projected activities in GlimmerTheme, setting a pure black root background for additive displays, and using Glimmer components instead of MaterialTheme to ensure legibility.

Why does my projected UI render incorrectly on additive display hardware?

UI renders incorrectly on additive display hardware when using MaterialTheme or non-black backgrounds. Enforce a mandatory pure-black root background and Glimmer-only components to prevent obstructing the real world and breaking display behavior.

What typography and text constraints are needed for Android XR glasses UI?

Typography for Android XR glasses UI requires Google Sans Flex fonts. You must enforce readable text minimums, avoid thin font weights, and apply depth and shadow constraints to maintain visual hierarchy and legibility.

How do I map touchpad input and focus management for display glasses UI?

Map touchpad input and focus management for display glasses by configuring one-dimensional touchpad interaction patterns and dismissal behavior within the Glimmer component framework to match the glasses input model.

What manifest setup is required for an Android XR projected activity?

Android XR projected activity setup requires using ProjectedContext and configuring the xr_projected requiredDisplayCategory in your manifest to correctly launch and render the glasses experience.

Can I use Material components in my Jetpack Compose Glimmer glasses UI?

You cannot use Material components or Text in a Jetpack Compose Glimmer glasses UI. The framework forbids MaterialTheme and requires Glimmer-only component usage to maintain additive display correctness and visual consistency.