Skip to content
Get packs

Jetpack Compose Glimmer for display glasses

Guides building Android XR projected apps for display glasses with Jetpack Compose Glimmer UI.

Source Download skill
Repository
android/skills
Stars
10,278
Licence
Apache-2.0
Files
15 files

What it does

When installed, the agent follows Google's Glimmer guidelines for building Android apps that show content on the small in-lens display of XR glasses, which are controlled from a paired phone. It steers the agent away from Material 3 styling and toward Glimmer components, theming, focus handling, and text sizes that stay readable on additive (see-through) displays. It also supplies setup steps for Gradle dependencies, the projected activity manifest entry, and the Google Sans Flex font.

Great for

  • Android developers building a projected Android XR app for display glasses
  • Teams migrating a phone-style UI to a glanceable glasses interface using Jetpack Compose Glimmer

Skip it if

  • Audio-only AI glasses with no display, since the skill itself says those are out of scope
  • Non-glasses XR headsets or phone and tablet Material 3 UIs, which need different toolkits (the skill explicitly excludes them)

Try asking

  • “Set up a new projected Android XR activity for display glasses with Jetpack Compose Glimmer”
  • “Build a glasses home screen with Glimmer buttons, cards and title chips using GlimmerTheme”
  • “Launch my projected glasses activity from a phone app and disable the button when glasses are disconnected”
  • “Check my Glimmer UI for Material 3 usage and minimum 18sp text sizes”
Step-by-step guide: how to use Jetpack Compose Glimmer for display glassesInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 15 original files, the Apache-2.0 licence and an attribution note.

    display-glasses-with-jetpack-compose-glimmer.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip display-glasses-with-jetpack-compose-glimmer.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip display-glasses-with-jetpack-compose-glimmer.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Ask the agent to first check gradle/libs.versions.toml so it reuses existing catalog entries and version minimums
  • Give the agent your existing manifest and activity code so it can check the XR_PROJECTED display category and launcher intent filter
  • Verify final builds and on-device readability yourself, since the skill does not cover specific hardware models

What's inside

  • references/android/design/ui/ai-glasses/guides/interaction/inputs.md
  • references/android/develop/xr/jetpack-xr-sdk/access-hardware-projected-context.md
  • references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/buttons.md
  • references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/cards.md
  • references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/focus.md
  • references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/icons.md
  • references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/text.md
  • references/android/develop/xr/jetpack-xr-sdk/jetpack-compose-glimmer/title-chips.md
  • references/android/develop/xr/jetpack-xr-sdk/request-hardware-permissions.md
  • references/button-samples-source.md
  • references/button-source.md
  • references/card-samples-source.md
  • references/card-source.md
  • references/deptheffect-source.md
  • SKILL.md

Redistributed unmodified from android/skills under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.