skills.rest
youfengknight
youfengknightCOMMUNITY
Explore all skills by this author →
GitHub

display-ai-glasses-with-jetpack-compose-glimmer

Develop projected Android AI Glasses Display apps with Jetpack Compose Glimmer and GlimmerTheme-only styling.

2|Updated May 12, 2026
Search Tags:#focus navigation#android xr#projected activity#jetpack compose glimmer#additive display#ai glasses#xr ui design
One-click install
npx skills add https://github.com/youfengknight/Android-Code-Skills --skill display-ai-glasses-with-jetpack-compose-glimmer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: display-ai-glasses-with-jetpack-compose-glimmer
Source: https://github.com/youfengknight/Android-Code-Skills/tree/main/android-skills/xr/display-ai-glasses-with-jetpack-compose-glimmer
Command: npx skills add https://github.com/youfengknight/Android-Code-Skills --skill display-ai-glasses-with-jetpack-compose-glimmer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you design and implement readable, input-friendly Android XR projected experiences for Display AI Glasses using Jetpack Compose Glimmer, avoiding common hardware- and form-factor-specific pitfalls.

Core Features & Use Cases

  • Projected Activity setup: Create and integrate a dedicated projected glasses Activity, and ensure launch behavior targets the glasses device (not the phone).
  • Glimmer-first UI constraints: Enforces GlimmerTheme usage instead of MaterialTheme, additive-display-safe backgrounds, and XR legibility rules (minimum text size, font weight guidance).
  • Glasses interaction model: Maps 1-dimensional navigation (tap/swipe/touchpad) to Glimmer focus behavior, including initial focus management.
  • Depth, layout, and component guidance: Provides practical constraints for cards/lists/stacks, depth tokens (DepthEffect/DepthEffectLevels), and scrim/stack masking patterns.
  • System UI integration considerations: Covers how to reason about notifications and launching glasses activities from notifications.

Quick Start

Implement a projected AI Glasses Activity that wraps all UI in GlimmerTheme, uses a pure black additive root background, and builds the interface with Jetpack Compose Glimmer components sized and styled for minimum legibility (18sp / 0.6°).

Frequently Asked Questions about display-ai-glasses-with-jetpack-compose-glimmer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build an Android XR UI for projected AI glasses displays?▼

To build an Android XR UI for projected AI glasses displays, wrap your interface in GlimmerTheme, use a pure black root background for additive transparent lenses, and apply XR legibility constraints with a minimum text size of 18sp.

Does Jetpack Compose Glimmer work with MaterialTheme for XR applications?▼

Jetpack Compose Glimmer does not work with MaterialTheme for XR applications; you must enforce GlimmerTheme-only styling to ensure proper rendering on additive transparent lenses.

How do I map touchpad navigation to focus behavior in Android XR?▼

To map touchpad navigation to focus behavior in Android XR, map 1-dimensional interactions like tap and swipe to Glimmer focus management, ensuring proper initial focus is set for glasses interaction.

How do I manage depth and layout hierarchy in an XR glasses display?▼

Manage depth and layout hierarchy in an XR glasses display by applying DepthEffect and DepthEffectLevels tokens to components like cards and stacks, utilizing scrim and stack masking patterns for state rendering.

How do I launch a projected activity on AI glasses instead of a phone?▼

Launch a projected activity on AI glasses instead of a phone by creating a dedicated projected glasses Activity and configuring the launch behavior to specifically target the glasses device hardware.

What are the legibility constraints for additive display AI glasses UI?▼

Legibility constraints for additive display AI glasses UI require a minimum text size of 18sp or 0.6 degrees, specific font weight guidance, and mandatory pure black root backgrounds to ensure readable XR experiences.

Related Skills

Explore More Software Engineering Skills→
inehemiasminehemiasm

display-glasses-with-jetpack-compose-glimmer

Design Android XR display glasses interfaces with Jetpack Compose Glimmer.

Community
Advanced
klxiaoniuklxiaoniu
174

display-glasses-with-jetpack-compose-glimmer

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

Community
Advanced
fornewidfornewid
5

https://developer.android.com/agents/skills/xr/display-glasses-with-jetpack-compose-glimmer/skill

Design Jetpack Compose UI for XR glasses with GlimmerTheme and Google Sans Flex.

Community
Advanced
yash-gargyash-garg

display-glasses-with-jetpack-compose-glimmer

Build Android XR glasses apps with Jetpack Compose Glimmer UI.

Community
Advanced