Skip to content
Get packs

Android Mobile Design

Guides the agent to build Android UIs with Material Design 3 and Jetpack Compose

Source Download skill
Repository
wshobson/agents
Stars
42,095
Licence
MIT
Files
5 files

What it does

When installed, the agent gets reference guidance on building native Android apps with Material Design 3 (Google's current design system) and Jetpack Compose (Android's UI toolkit). Once triggered, it can write Compose screens and components, apply Material 3 theming with dynamic colors, plan navigation, and make layouts adapt to phones, tablets, and foldables, with accessibility and performance tips built in. It is instructions and reference material only; it does not add any tools or run anything itself.

Great for

  • Android developers who want Compose code that follows Material 3 conventions
  • Designers or developers building an Android interface who want consistent theming and components
  • Teams checking an Android UI against accessibility and state-handling best practices

Skip it if

  • iOS, web, or cross-platform projects that do not use Jetpack Compose, since the guidance is Android-specific
  • Anyone expecting it to verify code or guarantee Google design compliance; the agent's output still needs compiling, testing, and review

Try asking

  • “Build a Compose card component for a list of items with a leading icon and chevron”
  • “Set up Material 3 theming with dynamic color for my Android app”
  • “Plan Navigation Compose routes and back-press handling for a three-screen app”
  • “Make this Android settings screen adapt to tablets using WindowSizeClass”
Step-by-step guide: how to use Android Mobile DesignInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 5 original files, the MIT licence and an attribution note.

    mobile-android-design.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip mobile-android-design.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip mobile-android-design.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 target (phone, tablet, foldable) and minimum Android API level so the agent picks the right layout and dynamic color options.
  • Ask for the reference file you need, such as navigation or theming details, to get more specific guidance.
  • Run the generated code in Android Studio previews and accessibility checks before shipping.

What's inside

  • references/android-navigation.md
  • references/compose-components.md
  • references/details.md
  • references/material3-theming.md
  • SKILL.md

Redistributed unmodified from wshobson/agents under the MIT 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.