compose-ui

Guide Android UI development with Jetpack Compose and Material 3.

2|Updated Nov 4, 2025
One-click install
npx skills add https://github.com/bloknayrb/claudestuff --skill compose-ui-bloknayrb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose-ui
Source: https://github.com/bloknayrb/claudestuff/tree/main/plugins/android-dev/skills/compose-ui
Command: npx skills add https://github.com/bloknayrb/claudestuff --skill compose-ui-bloknayrb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides guidance and patterns for building modern, declarative Android UIs using Jetpack Compose and Material 3, simplifying UI development and state management.

Core Features & Use Cases

  • Declarative UI Patterns: Learn best practices for composable functions, state hoisting, and UI structure.
  • State Management: Understand how to manage UI state effectively using ViewModels, StateFlow, and Compose's state APIs.
  • Navigation: Implement navigation between screens using Jetpack Navigation for Compose.
  • Theming & Accessibility: Apply Material 3 theming and ensure your UI is accessible.
  • Use Case: You need to build a new screen for your Android app that displays a list of items, allows users to add new items, and navigate to a detail view for each item.

Quick Start

Use the compose-ui skill to get a basic template for a Jetpack Compose screen that displays a list of items.

Frequently Asked Questions about compose-ui

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

FAQPage Schema
How do I manage state in Jetpack Compose using ViewModel and StateFlow?

To manage state in Jetpack Compose, integrate ViewModels to hold UI state and expose it via StateFlow, allowing composables to observe data streams and update declaratively.

What's the best way to implement navigation between screens in Jetpack Compose?

The best way to implement navigation in Jetpack Compose is using Jetpack Navigation, which manages routing between composables and handles back stack transitions.

How do I build a list of items and handle form input in Android Compose?

To build lists and handle form input in Android Compose, use declarative UI patterns for composable functions and apply state hoisting to manage input state effectively.

Can I use Material 3 theming and accessibility features with Android declarative UI?

Yes, you can apply Material 3 theming and accessibility features in Android declarative UI, as Jetpack Compose natively supports Material 3 components and accessibility semantics.

What is state hoisting in Jetpack Compose and when should I use it?

State hoisting in Jetpack Compose is the pattern of moving state ownership to a parent composable, used to create stateless, reusable UI components and simplify screen state management.