android-compose

Guide Jetpack Compose Android development with patterns for state, navigation, and theming.

7|1|Updated Nov 3, 2025
One-click install
npx skills add https://github.com/ar4mirez/samuel --skill android-compose
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: android-compose
Source: https://github.com/ar4mirez/samuel/tree/main/template/.claude/skills/android-compose
Command: npx skills add https://github.com/ar4mirez/samuel --skill android-compose

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive guardrails, patterns, and best practices for developing Android applications using Jetpack Compose, ensuring maintainable, scalable, and high-quality UI code.

Core Features & Use Cases

  • Declarative UI Principles: Enforces best practices for composable functions, state management, and recomposition.
  • State Management Patterns: Guides on using StateFlow, collectAsStateWithLifecycle, and sealed UI states.
  • Navigation & Theming: Provides patterns for type-safe navigation and Material 3 theming.
  • DI & Lifecycle: Integrates Hilt for dependency injection and lifecycle-aware operations.
  • Use Case: When starting a new Android project with Compose, or refactoring an existing one, use this Skill to ensure adherence to modern Android development standards.

Quick Start

Use the android-compose skill to generate a basic Jetpack Compose screen with a ViewModel and Hilt DI.

Frequently Asked Questions about android-compose

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

FAQPage Schema
What are the best practices for Jetpack Compose state management?

Jetpack Compose state management best practices involve using StateFlow with collectAsStateWithLifecycle to expose sealed UI states from the ViewModel, ensuring lifecycle-aware data collection and predictable recomposition.

How do I structure a Jetpack Compose screen with Hilt and ViewModel?

To structure a Jetpack Compose screen with Hilt, use composable patterns that integrate Hilt for dependency injection and delegate state handling to a ViewModel, enforcing separation of concerns and maintainable UI code.

How do I implement type-safe navigation in Jetpack Compose?

Implementing type-safe navigation in Jetpack Compose requires using established navigation patterns that route between composables while maintaining lifecycle awareness and Material 3 theming consistency across destinations.

Does this Android development approach work with Material 3 theming?

Yes, this Android development approach works with Material 3 theming by providing specific guardrails and patterns that enforce Material 3 design standards directly within your Jetpack Compose UI components.

What's the best way to prevent unnecessary recomposition in Jetpack Compose?

The best way to prevent unnecessary recomposition in Jetpack Compose is to apply declarative UI principles, utilizing stable composable functions and unidirectional data flow to constrain state changes and optimize UI rendering.