skills.rest
ekawijayasusilo
ekawijayasusiloCOMMUNITY
Explore all skills by this author →
GitHub

display-glasses-with-jetpack-compose-glimmer

Build Jetpack Compose Glimmer interfaces for projected Android display glasses.

Updated May 22, 2026
Search Tags:#focus navigation#android xr#projected activity#jetpack compose glimmer#display glasses ui#additive display#glimmertheme typography
One-click install
npx skills add https://github.com/ekawijayasusilo/kmp_template --skill display-glasses-with-jetpack-compose-glimmer-ekawijayasusilo
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/ekawijayasusilo/kmp_template/tree/main/.claude/skills/display-glasses-with-jetpack-compose-glimmer
Command: npx skills add https://github.com/ekawijayasusilo/kmp_template --skill display-glasses-with-jetpack-compose-glimmer-ekawijayasusilo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you design and implement projected Android XR user interfaces for display glasses so they follow Jetpack Compose Glimmer’s additive-display and focus/interaction requirements instead of breaking legibility, contrast, or input behavior.

Core Features & Use Cases

  • Glimmer-first UI rules for display glasses: Use GlimmerTheme and Glimmer components, avoid MaterialTheme/Material components, and enforce additive-display constraints like mandatory pure-black backgrounds.
  • Correct font, typography, and readability guardrails: Require Google Sans Flex typography via createGoogleSansFlexTypography and enforce minimum readable text sizing (e.g., 0.6° / ~18sp).
  • XR interaction and focus behavior: Map user inputs (tap/swipe) to glasses controls, use one-dimensional focus navigation patterns, and support initial focus on Glimmer focusable surfaces.
  • Depth, hierarchy, and component styling: Use DepthEffect/DepthEffectLevels (via ShadowScope/Depth tokens) instead of Material 3 elevation, and apply surface/corner/spacing conventions for consistent visuals.
  • System integration guidance: Integrate notifications/system UI behavior guidance into your Glimmer projected activity workflow.

Quick Start

Ask the AI to guide you to create a Glimmer-based projected activity for Android display glasses using GlimmerTheme + Google Sans Flex, with a pure black root background and Glimmer components that meet the minimum 18sp legibility requirement.

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 Jetpack Compose UIs for Android XR display glasses?▼

Build Android XR display glasses UIs by replacing MaterialTheme with GlimmerTheme, applying mandatory Color.Black root backgrounds, and using Glimmer components to prevent additive-display visual failures and ensure correct projected activity rendering.

Why does text look wrong on projected Android display glasses?▼

Text looks wrong on projected display glasses when default typography is used, so you must configure createGoogleSansFlexTypography and enforce a minimum readable text size of 18sp to meet the 0.6 degree legibility requirement for additive displays.

Do I need Material 3 elevation for XR augmented experiences?▼

You should not use Material 3 elevation for XR augmented experiences, but instead apply Glimmer DepthEffectLevels via ShadowScope and Depth tokens to correctly render depth and visual hierarchy on projected display glasses.

How do I map tap and swipe inputs for Android XR focus navigation?▼

Map tap and swipe inputs to glasses controls using one-dimensional focus navigation patterns, ensuring initial focus is supported on Glimmer focusable surfaces to maintain correct interaction behavior within the projected activity.

What compileSdk version is required for Jetpack Compose Glimmer development?▼

Jetpack Compose Glimmer development requires compileSdk 37 or higher to meet the necessary prerequisites for building projected activities and integrating GlimmerTheme with Google Sans Flex typography for display glasses.

Related Skills

Explore More Software Engineering Skills→
klxiaoniuklxiaoniu
174

display-glasses-with-jetpack-compose-glimmer

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

Community
Advanced
yash-gargyash-garg

display-glasses-with-jetpack-compose-glimmer

Build Android XR glasses apps with Jetpack Compose Glimmer UI.

Community
Advanced
inehemiasminehemiasm

display-glasses-with-jetpack-compose-glimmer

Design Android XR display glasses interfaces with Jetpack Compose Glimmer.

Community
Advanced
fornewidfornewid
5

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

Create Android XR glasses UIs with Jetpack Compose Glimmer and GlimmerTheme.

Community
Advanced