Skip to content
Get packs

Glance Canonical Layouts

Build Android home screen widgets using standard Jetpack Glance layout patterns

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

What it does

When installed, the agent knows how to add home screen widgets to an Android app using Jetpack Glance, Google's toolkit for building app widgets. It picks a standard layout pattern (such as Check List, Image Grid, Action List or Snap Scrolling), copies sample code and drawable icons from Google's Android Platform Samples into the project, adapts package names and imports, removes unused parts, and registers the widget in the app manifest so it appears in the widget picker. The included files are mostly sample icon and drawable XML resources plus instructions; the skill itself does not run any scripts.

Great for

  • Android developers adding a home screen widget to an app with Jetpack Glance
  • Teams who want widgets that follow Google's recommended design patterns
  • Developers who want the agent to handle the boilerplate of manifest registration and dependency setup

Skip it if

  • Non-developers who only want a widget on their phone; this skill edits app source code and needs an Android project
  • Projects not using Jetpack Glance, since the instructions require it and the layouts will not fit other widget frameworks (for example RemoteViews-based widgets)

Try asking

  • “Create a home screen widget for my app using the Check List canonical layout”
  • “Add an Image Grid widget to my Android project with Jetpack Glance”
  • “Implement a Snap Scrolling widget following Google's canonical layout patterns”
  • “Set up a Standard Toolbar widget in my app and register it in AndroidManifest.xml”
Step-by-step guide: how to use Glance Canonical LayoutsInstall, 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.

    glance-canonical-layouts.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip glance-canonical-layouts.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip glance-canonical-layouts.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

  • Name the exact canonical layout you want (for example Check List or Image Grid) so the agent picks the right reference files.
  • Ask the agent to compile the project after copying files, since the skill itself asks for validation and package renaming.
  • Review the generated code and manifest changes before committing, especially the exported receiver and copied sample data repositories.

What's inside

  • references/res/drawable/four_side_cookie_background.xml
  • references/res/drawable/sample_ac_icon.xml
  • references/res/drawable/sample_add_icon.xml
  • references/res/drawable/sample_app_logo.xml
  • references/res/drawable/sample_arrow_right_icon.xml
  • references/res/drawable/sample_bulb_icon.xml
  • references/res/drawable/sample_camera_icon.xml
  • references/res/drawable/sample_checked_circle_icon.xml
  • references/res/drawable/sample_circle_icon.xml
  • references/res/drawable/sample_delete_icon.xml
  • references/res/drawable/sample_door_icon.xml
  • references/res/drawable/sample_edit_icon.xml
  • references/res/drawable/sample_file_upload_icon.xml
  • references/res/drawable/sample_grid_icon.xml
  • 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.