A community-driven registry for the Claude Code ecosystem. Not affiliated with Anthropic.
Are you the author? Sign in to claim
Agent skill for modern Android development with Jetpack Compose — best practices for code generation and review
An agent skill for writing, reviewing, and reasoning about modern Android UI code using Jetpack Compose. Compatible with Claude Code, Cursor, Codex, and any platform that supports the Agent Skills format.
LLMs frequently generate outdated or incorrect Jetpack Compose code. Common problems:
collectAsState() instead of collectAsStateWithLifecycle()paddingValues from Scaffold's content lambda, causing content to render under system barsThis skill gives your AI agent a curated, up-to-date reference for all of these areas so it generates correct, idiomatic Compose code from the start.
Load this skill to give your AI agent deep knowledge of modern Jetpack Compose best practices. It helps agents:
| Reference File | Topics Covered |
|---|---|
api.md | Deprecated APIs → modern replacements, Material 2 → 3, accompanist migrations |
composables.md | Naming conventions, state hoisting, slot APIs, @Preview, modifier contract |
state.md | MVVM + UDF, ViewModel + StateFlow, remember vs rememberSaveable, derivedStateOf |
effects.md | LaunchedEffect, DisposableEffect, SideEffect, rememberCoroutineScope |
recomposition.md | @Stable/@Immutable, unstable collections, key() in lazy lists, lambda stability |
navigation.md | Type-safe Navigation Compose, nested graphs, BackStack-scoped ViewModels, deep links |
design.md | Material 3 theming, dynamic color, adaptive layouts, Material Expressive (BOM 2025.x) |
accessibility.md | TalkBack, semantics, mergeDescendants, touch targets, color contrast |
performance.md | LazyList optimization, remember, deferred state reads, graphicsLayer |
kotlin.md | Sealed interfaces, coroutines, stateIn, null safety, when expressions |
hygiene.md | Testing with ComposeTestRule, lint/detekt, secrets, resource naming |
npx skills add https://github.com/anhvt52/jetpack-compose-skills
This installs the skill for all detected agents on your machine. You can also scope it:
# Project-level only
npx skills add https://github.com/anhvt52/jetpack-compose-skills
# Global (all your projects)
npx skills add https://github.com/anhvt52/jetpack-compose-skills -g
If npx is unavailable, install Node.js first:
brew install node
Clone the repo and add to your project's CLAUDE.md:
Use the skill at: path/to/modern-jetpack-compose/SKILL.md
Use the config at modern-jetpack-compose/agents/openai.yaml.
Reviewing code:
"Using the modern-jetpack-compose skill, review the files in
feature/home/for best practices issues."
Generating code:
"Using the modern-jetpack-compose skill, write a
BookListScreenwith a LazyColumn, search bar, and empty state, backed by a ViewModel."
Targeted check:
"Using
references/accessibility.mdfrom the modern-jetpack-compose skill, check all composables incomponents/for accessibility issues."
The skill organizes findings by file. Each issue includes:
Results end with a prioritized summary of the most impactful changes.
MIT — see LICENSE.
Anh Vu — anhvt52@gmail.com
See CONTRIBUTING.md.
ML engineering — model training, deployment, MLOps, monitoring
DevOps practices — CI/CD, containers, monitoring, infrastructure automation
Professional skills marketplace with production-ready skills for enhanced development
Self-learning system that captures corrections and syncs them to CLAUDE.md and AGENTS.md
