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
Install
krutikJain/android-agent-skills/android-compose-foundations · repository language: Python
git clone https://github.com/krutikJain/android-agent-skills
cp -r android-agent-skills/skills/android-compose-foundations ~/.claude/skills/android-compose-foundationsFrequently 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)
Read as markdown · JSON record · Browse the source repository
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