android-ui-guidelines

Provides Android UI coding guidelines and best practices for Jetpack Compose.

3|Updated Sep 29, 2025
One-click install
npx skills add https://github.com/xtone/ai_development_tools --skill android-ui-guidelines
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: android-ui-guidelines
Source: https://github.com/xtone/ai_development_tools/tree/main/android_development/.claude/skills/android-ui-guidelines
Command: npx skills add https://github.com/xtone/ai_development_tools --skill android-ui-guidelines

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, best-practice guide for building Android UI with Jetpack Compose, helping teams accelerate development and maintain consistency.

Core Features & Use Cases

  • Declarative UI principles and single-direction data flow for robust, maintainable code.
  • Compose-oriented component design, naming conventions, and consistent Modifier usage.
  • State management patterns (UiState, ViewModel integration, and side effects) with testability considerations.
  • Practical implementation patterns (lists, forms, navigation, and error/loading handling) plus performance optimizations.
  • Anti-pattern guidance and actionable checklists to improve code quality across projects.

Quick Start

Review this guide during UI development and apply the described patterns to your current Compose screens. Start by adopting declarative components, hoisting state where appropriate, and following the naming and modifier conventions outlined.

Frequently Asked Questions about android-ui-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the Jetpack Compose best practices for structuring declarative UI?

Jetpack Compose UI guidelines use single-direction data flow and declarative principles to build robust, maintainable code. Teams should adopt consistent component design, naming conventions, and proper Modifier usage to streamline implementation.

How do I manage state and side effects in Jetpack Compose?

Manage state in Jetpack Compose by hoisting it to ViewModels and utilizing UiState patterns. The guidelines cover state management integration and side effects handling, ensuring your composable functions remain testable and maintainable across typical screens.

What's the best way to optimize Jetpack Compose performance for lists and forms?

Optimize Compose performance by applying practical implementation patterns for lists and forms while avoiding identified anti-patterns. The guidelines provide specific performance optimizations and actionable checklists to improve code quality across projects.

Does this Android UI guide cover error and loading state handling?

Yes, the Android UI guide covers practical implementation patterns for error and loading state handling. It provides structured best-practice guidance for typical Compose screens to help teams accelerate development and maintain consistency.

When should I avoid specific patterns when building Android UI with Jetpack Compose?

You should avoid patterns explicitly identified as anti-patterns in the guidelines. The guide provides anti-pattern guidance and actionable checklists to help developers improve code quality and maintain consistency across Android UI projects.