android-ui-ux-design
Specialized Android UI/UX design skill for premium Jetpack Compose apps. Use alongside android-development when Android screens must be beautiful, native, usable, accessible, and commercially credible.
Best use case
android-ui-ux-design is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Specialized Android UI/UX design skill for premium Jetpack Compose apps. Use alongside android-development when Android screens must be beautiful, native, usable, accessible, and commercially credible.
Teams using android-ui-ux-design should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/android-ui-ux-design/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How android-ui-ux-design Compares
| Feature / Agent | android-ui-ux-design | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Specialized Android UI/UX design skill for premium Jetpack Compose apps. Use alongside android-development when Android screens must be beautiful, native, usable, accessible, and commercially credible.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Android UI/UX Design Acknowledgement: Shared by Peter Bamuhigire, techguypeter.com, +256 784 464178. <!-- dual-compat-start --> ## Use When - Designing or reviewing Android app screens, Compose components, navigation, dashboards, forms, onboarding, or settings. - The user asks for native Android UI polish, premium UX, mobile ergonomics, Material 3, or app pleasantness. - An Android app is connected to a business backend and must feel trustworthy enough for real customers. ## Do Not Use When - The task is not Android or Android-adjacent. - The work is backend-only and has no user-facing Android surface. ## Required Inputs - Target screens, user task, device classes, brand/product context, backend constraints, and any existing screenshots or Compose components. - Confirm whether the deliverable is design guidance, implementation, review, QA, or documentation. ## Workflow 1. Load `android-development` for implementation standards. 2. Load `premium-ui-ux-design` and specifically its `../premium-ui-ux-design/references/mobile-android-ios-premium-ux.md` reference. 3. Define the primary mobile task, top-level destinations, and device classes. 4. Choose Material 3 components and adaptive navigation before custom patterns. 5. Model every Compose screen state: loading, content, empty, error, offline, permission denied, and syncing. 6. Apply the Android mobile quality gate before implementation or review sign-off. ## Android UX Standards - Use Material 3, Compose, semantic tokens, and adaptive layout by default. - Use bottom navigation for 3-5 primary destinations on compact screens; use navigation rail or pane layouts on larger screens. - Minimum touch target is 48 dp. - Respect edge-to-edge layout, system bars, back navigation, and platform permission flows. - Use `WindowSizeClass`, not hardcoded tablet checks. - Business reports over 25 rows should use table-first or dense list patterns, not endless cards. - Every primary workflow must work offline or fail with a clear recovery path when the domain requires field use. - Support TalkBack, font scaling, dark mode, contrast, and reduced motion. ## Quality Standards - Android screens feel native to Material 3 and the app's domain. - Navigation, state handling, touch targets, typography, and accessibility are verified on compact and expanded layouts where applicable. - Premium UX gate categories must score at least 8/10 before sign-off. ## Anti-Patterns - Squeezing web layouts into a phone UI. - Building card walls for dense reports. - Ignoring TalkBack, font scaling, offline states, or Android back behavior. ## Outputs - Android UI brief, Compose component guidance, navigation model, state matrix, accessibility notes, or review findings. ## References - `../premium-ui-ux-design/references/mobile-android-ios-premium-ux.md` - `../premium-ui-ux-design/references/premium-ui-ux-gate.md` - `../android-development/references/ui-design-system.md` - `references/jetpack-compose-ui.md` for Compose-specific Material 3, layout, animation, navigation, and component patterns. <!-- dual-compat-end -->
Related Skills
saas-erp-system-design
Use when designing configurable SaaS or ERP platforms with multi-step business workflows, domain modules, approvals, auditability, pricing and entitlements, operational reporting, and tenant-specific variation. Covers domain boundaries, workflow states, extension points, and control design.
webapp-gui-design
Use when designing or building SaaS web application UIs with React, Next.js, TypeScript, and Tailwind CSS. Covers the application shell, navigation, dashboards, data tables, forms, dialogs, loading and error states, auth flows, uploads, accessibility, and interface consistency. For the Bootstrap/Tabler/PHP stack used in the seeder template, load the deep-dive files in the `sections/` directory.
premium-ui-ux-design
Premium UI/UX design intelligence for web, SaaS, dashboard, Android, and iOS products. Use when a product must look expensive, feel pleasant, communicate clearly, and justify high customer trust or high-ticket pricing.
practical-ui-design
Rules-based visual UI design system covering colour, typography, spacing, layout, buttons, forms, and visual consistency. Load alongside any platform skill when the work needs a deliberate interface system instead of ad hoc styling.
motion-design
Animation and micro-interaction standards for web, Android, and iOS. Covers timing rules (100/300/500), easing curves, GPU-accelerated animation, staggered entrances, state transitions, loading states, and mandatory prefers-reduced-motion...
interaction-design-patterns
Use when designing interfaces, building UX flows, choosing layouts, or making navigation decisions. Covers Tidwell's 45+ proven interaction patterns for behavior, navigation, layout, actions, and data display. Load alongside webapp-gui-design...
healthcare-ui-design
Design world-class clinical and patient-facing healthcare UIs for web, mobile (Android/iOS), and tablet. Covers EMR/EHR dashboards, patient portals, telemedicine, medication management, wellness apps, and aging-care interfaces. Enforces HIPAA...
form-ux-design
Cross-platform form UX/UI patterns for web (Bootstrap 5/Tabler), Android (Jetpack Compose), and iOS (SwiftUI). Covers field anatomy, validation, error states, multi-step wizards, accessibility, touch-friendly inputs, and submission workflows. Use...
design-audit
Comprehensive UI/UX quality audit covering visual hierarchy, accessibility, consistency, AI slop detection, typography, colour, layout, interaction states, responsive behaviour, performance, and microcopy. Produces severity-rated findings with actionable remediation.
database-design-engineering
Use when designing or reviewing relational or document-backed data architecture for SaaS platforms, ERP systems, APIs, analytics stores, or mobile sync. Covers domain modeling, tenancy, indexing, migrations, integrity, retention, and performance tradeoffs.
system-architecture-design
Use when defining or reviewing software architecture for web apps, mobile backends, SaaS platforms, APIs, distributed systems, or major features. Covers bounded contexts, module decomposition, contracts, failure handling, ADRs, and scalability tradeoffs.
api-design-first
Use when designing or building HTTP APIs — spec-first OpenAPI workflow, REST conventions, versioning, auth model, rate limiting, idempotency keys, error envelope, and observability notes. Produces the OpenAPI contract plus error/auth/idempotency/observability artifacts that frontend, mobile, security, and reliability skills consume. For endpoint-level security review load `vibe-security-skill`; for GraphQL-specific hardening load `graphql-patterns`.