android-compose-foundations
Master the core patterns of Jetpack Compose to construct responsive, accessible Android interfaces. This skill covers layouts, modifiers, theming, and component design while emphasizing stable state and semantic correctness over premature optimization.
Android Compose Foundations teaches you to build stable, accessible UIs using Jetpack Compose layouts, modifiers, and theming.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-03-25
Android Compose Foundations teaches you to build stable, accessible UIs using Jetpack Compose layouts, modifiers, and theming. Master the core patterns of Jetpack Compose to construct responsive, accessible Android interfaces. This skill covers layouts, modifiers, theming, and component design while emphasizing stable state and semantic correctness over premature optimization.
Use it when
- android-compose-foundations covers Compose layouts (Column, Row, Box, LazyColumn) as containers for arranging UI elements.
- android-compose-foundations teaches modifier usage through practical examples showing how to chain them for layout control, spacing, colors.
Verify before relying
Read SKILL.md below before installing (6 files). Open directory: indexed for reading, not audited.
Install
krutikJain/android-agent-skills/android-compose-foundations · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I build Android UI with Jetpack Compose?
android-compose-foundations teaches you to build Android UI with Jetpack Compose by starting with composable functions as your core building blocks. You'll learn how to structure screens using layouts like Column, Row, and Box, apply modifiers to control appearance and behavior, and manage state reactively. The skill emphasizes semantic correctness and accessibility from the start rather than treating them as afterthoughts, ensuring your UIs are both responsive and inclusive.
What are Compose layouts, modifiers, and theming patterns?
android-compose-foundations covers Compose layouts (Column, Row, Box, LazyColumn) as containers for arranging UI elements, modifiers as chainable functions that transform composables' appearance and behavior, and theming patterns built on Material Design tokens. You'll learn how to compose modifiers together, apply constraints, and build consistent design systems using Material3 theming. These patterns form the foundation for creating reusable, maintainable component hierarchies.
How do I use Compose modifiers in Android development?
android-compose-foundations teaches modifier usage through practical examples showing how to chain them for layout control, spacing, colors, and interactions. Modifiers are applied left-to-right and affect how a composable renders and responds to user input. You'll learn when to use common modifiers like size, padding, clickable, and background, plus how to build custom modifiers for domain-specific behavior while maintaining performance and readability.
How should I structure Compose screens and components?
android-compose-foundations emphasizes building reusable Compose components with clear responsibility boundaries and stable state management. You'll learn to extract smaller composables, pass state down and callbacks up, use preview annotations for rapid iteration, and apply best practices that prevent common anti-patterns. The skill covers proper mental models for thinking in composition rather than imperative UI updates, making migration from XML patterns more intuitive.
What does Jetpack Compose stable state management involve?
android-compose-foundations covers stable state management by teaching you to use remember, mutableState, and composition-aware lifecycle patterns. You'll understand how Compose recomposes efficiently when state changes, why stability matters for performance, and how to structure state to avoid unnecessary recompositions. The skill prioritizes semantic correctness and accessibility over premature optimization, helping you build interfaces that scale responsibly.
How do I handle edge cases like RTL, text scaling, and narrow screens?
android-compose-foundations addresses responsive design and edge cases by teaching layout patterns that adapt to different screen sizes, text scaling preferences, and right-to-left languages. You'll learn to use Modifier.fillMaxWidth with constraints, responsive padding, and semantic layout choices that respect user preferences. These patterns ensure your Compose UIs remain accessible and functional across diverse device configurations and locales.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Android Compose Foundations
When To Use
- Use this skill when the request is about: jetpack compose screen, compose layout in android, modifier cleanup compose.
- Primary outcome: Build Android UI with Jetpack Compose foundations, layouts, modifiers, theming, and stable component structure.
- Handoff skills when the scope expands:
android-compose-state-effectsandroid-material3-design-system
Workflow
- Identify whether the target surface is Compose, View system, or a mixed
(truncated - see the full file via the links below)
File tree — 6 files
skills/android-compose-foundations/SKILL.md
skills/android-compose-foundations/agents/openai.yaml
skills/android-compose-foundations/references/official-links.md
skills/android-compose-foundations/references/patterns.md
skills/android-compose-foundations/references/scenarios.md
skills/android-compose-foundations/scripts/run_examples.sh
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Learn Jetpack Compose foundations for building stable, accessible Android UIs”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill teaches you to develop Android XR augmented experiences for display glasses using Jetpack Compose Glimmer, Google's UI toolkit designed for transparent, additive displays. You'll master Glimmer design principles, theming with GlimmerTheme, and component implementation while adhering to glasses-specific constraints like minimum text legibility and black backgrounds. Use it to create lightweight, real-world-aware apps that project from a host device to connected eyewear.
Master image loading in Jetpack Compose using Coil's AsyncImage component, painter variants, and subcomposition APIs. This skill covers sizing strategies, placeholder and error state handling, accessibility semantics, and list performance optimization to build stable, responsive image surfaces.
Learn proven patterns for managing Android screen state with full lifecycle awareness. This skill covers predictable approaches to handling UI state across configuration changes, rotations, and process recreation—essential for building stable, maintainable apps. Explore real-world examples and fixtures you can adapt to your own projects.
Master patterns for building shared UI with Compose Multiplatform and Jetpack Compose across multiple platforms. Covers state management with ViewModels, type-safe navigation, reusable composable design, platform-specific implementations, and recomposition optimization.
This skill equips you to develop Flutter applications that adopt native design aesthetics across iOS and Android platforms. Leverage platform-specific UI components and conventions to create interfaces that users recognize and expect from their devices. Master the techniques for blending Flutter's cross-platform capabilities with authentic native styling.
This skill walks you through systematically converting legacy XML layouts into declarative Jetpack Compose components. Following a 10-step methodology—from candidate selection and dependency setup through theming, migration, validation, and cleanup—you'll achieve pixel-perfect visual parity while preserving functional integrity and project conventions.
More skills styles (Apache-2.0) · mobile-android-design (MIT) · Cometchat Android V6 Compose Theming (unlicensed)