# Design Native Android Compose Interfaces

Android teams need interfaces that match platform expectations and scale across devices. This skill gives Material 3 and Jetpack Compose guidance for practical mobile UI work.

## Install

```bash
npx skillstore add wshobson/mobile-android-design
```

## Metadata

- Status: approved
- Slug: wshobson-mobile-android-design
- Skillstore revision: r1
- Version status: missing
- Tree hash: 783d0843cc6509bf31bca96258bc9221dfa982c8c3656957db849d7332bb297a
- Author: wshobson
- GitHub username: wshobson
- License: MIT
- Repository: https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/mobile-android-design/
- Ref: 64ca8af0f54a325752f08bd54e52151061ea659a
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: network, external\_commands
- Quality score: 75
- Public page: https://skillstore.pages.dev/skills/wshobson-mobile-android-design
- Manifest: https://skillstore.pages.dev/api/skills/wshobson-mobile-android-design/manifest

## Capabilities

- Explains Material Design 3 principles for Android app interfaces.
- Provides Jetpack Compose layout patterns for lists, cards, forms, and navigation.
- Shows Material 3 theming with dynamic color, typography, and shape guidance.
- Covers bottom navigation, drawers, deep links, and adaptive navigation.
- Highlights accessibility practices such as touch targets and content descriptions.
- References official Android and Material resources for deeper implementation work.

## Use Cases

- New Compose Screen: Create a Material 3 screen layout with correct spacing, typography, and component choices.
- Design System Update: Translate brand colors and typography into Material 3 themes and responsive components.
- Navigation Review: Check whether screens use bottom bars, drawers, and deep links in expected Android patterns.

## Prompt Templates

### Create an Android Screen

```
Design a Jetpack Compose screen for a task list app. Include Material 3 components, spacing, states, and accessibility notes.
```

### Refine Component Choices

```
Review my Android component plan for cards, buttons, text fields, and lists. Suggest Material 3 improvements and missing states.
```

### Plan Adaptive Navigation

```
Design navigation for a phone, tablet, and foldable Android app. Compare bottom navigation, rail, drawer, and deep link behavior.
```

### Audit a Compose Design System

```
Audit this Compose design system for Material 3 theming, dynamic color, typography scale, accessibility, and reusable component boundaries.
```

## Limitations

- Does not compile or test Android projects by itself.
- Uses illustrative sample code that may need project-specific imports.
- Does not replace Android release notes or app store policy review.
- Requires developer judgment for architecture, data flow, and state management.

## Best Practices

- Start with MaterialTheme color, typography, and shape before styling individual components.
- Use adaptive navigation patterns based on screen width and task frequency.
- Check content descriptions, contrast, touch targets, loading states, and error states.

## Anti Patterns

- Copying sample snippets without adapting state, imports, and architecture.
- Using one phone layout for tablets, foldables, and landscape screens.
- Hardcoding colors or sizes instead of using Material 3 design tokens.

## Security Audit

- Audited at: 2026-07-08T12:18:59.165\+00:00
- Summary: All static findings were reviewed as false positives. The URL findings are documentation examples or resource links, and the command findings are Markdown or Kotlin documentation rather than executable shell use. No prompt injection, credential access, or data exfiltration intent was found.

## Stats

- Views: 324
- Downloads: 22
- Favorites: 0
- Popularity score: 0