modern-jetpack-compose

modern-jetpack-compose is a skill for Codex from anhvt52/jetpack-compose-skills. It costs 63 tokens per session (1,088 once invoked), scanned A, original, MIT.

A guide for creating and reviewing Android interfaces with Jetpack Compose, Android’s modern toolkit for describing screens in Kotlin code.

In plain words
What is it for?
Use it to review or generate Compose code, manage state, handle side effects, build navigation, apply Material 3 design, improve accessibility, and check performance.
Why use it?
It helps keep UI code correct and current while avoiding problems with state, navigation, side effects, accessibility, and unnecessary screen updates.

Skill for Codex

Written for Codex: agents/openai.yaml present.

Good fit Use it to review or generate Compose code, manage state, handle side effects, build navigation, apply Material 3 design, improve accessibility, and check performance.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/anhvt52/jetpack-compose-skills/modern-jetpack-compose
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add anhvt52/jetpack-compose-skills --skill modern-jetpack-compose
Clone the repo
git clone --depth 1 https://github.com/anhvt52/jetpack-compose-skills

Made for: Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for modern-jetpack-compose

README.md
[![agentmods](https://agentmods.dev/badge/skills/anhvt52/jetpack-compose-skills/modern-jetpack-compose/github.svg)](https://agentmods.dev/skills/anhvt52/jetpack-compose-skills/modern-jetpack-compose)
Your own site
<a href="https://agentmods.dev/skills/anhvt52/jetpack-compose-skills/modern-jetpack-compose"><img src="https://agentmods.dev/badge/skills/anhvt52/jetpack-compose-skills/modern-jetpack-compose/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for modern-jetpack-compose

Your own site · 80×15
<a href="https://agentmods.dev/skills/anhvt52/jetpack-compose-skills/modern-jetpack-compose"><img src="https://agentmods.dev/badge/skills/anhvt52/jetpack-compose-skills/modern-jetpack-compose.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 63 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,088 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00063 $0.01088
Opus 5 $0.00032 $0.00544
Sonnet 5 $0.00013 $0.00218
Haiku 4.5 $0.00006 $0.00109

Measured 10d ago against content hash c422bf844414, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade A, and why

modern-jetpack-compose scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

modern-jetpack-compose/SKILL.md · 133 lines

How it starts

The opening of the file, as written. The whole thing — 133 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Review or generate Jetpack Compose code for correctness, modern API usage, and adherence to Android best practices. Report only genuine issues — do not nitpick style unless it contradicts a clear rule.

Review / Generation Process

When reviewing existing code, follow these steps in order:

  1. Check for deprecated or outdated APIs → references/api.md
  2. Review composable structure and composition patterns → references/composables.md
  3. Validate state management and data flow → references/state.md
  4. Validate side-effect usage → references/effects.md
  5. Check recomposition stability → references/recomposition.md
  6. Validate navigation implementation → references/navigation.md
  7. Check Material 3 / Expressive design compliance → references/design.md
  8. Validate accessibility → references/accessibility.md
  9. Check performance → references/performance.md
  10. Quick Kotlin code review → references/kotlin.md
  11. Final code hygiene check → references/hygiene.md

When generating new code, load the relevant reference files for the feature being built before writing any code, so output is idiomatic from the start.

For partial reviews or targeted generation, load only the relevant reference files.

Core Instructions

  • Target Compose BOM 2024.x by default. Note where BOM 2025.x (Material Expressive) introduces new components or APIs.
  • Use Material 3. Do not use Material 2 unless the project already uses it.
  • Architecture: MVVM with unidirectional data flow (UDF). ViewModel + StateFlow for screen state. Compose UI observes state, emits events.
  • Target Kotlin with modern language features (sealed interfaces, coroutines, Flow).
  • Do not introduce third-party libraries without asking first.
  • Each composable should live in its own file for non-trivial components.
  • Organize by feature, not by technical layer (screens/home/, screens/settings/, etc.).

Output Format

Organize findings by file. For each issue:

  1. State the file and relevant line(s).
  2. Name the rule being violated.
  3. Show a brief before/after Kotlin snippet.

Read the full file on GitHub · 133 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 10d ago First seen · 133 lines · 63 tokens per session scan A c422bf844414

Subscribe to this mod's changes

modern-jetpack-compose is a skill published in the GitHub repository anhvt52/jetpack-compose-skills (96 stars, last pushed 6mo ago), licensed MIT. It adds 63 tokens to every session and 1,088 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

kotlin-android

Use when building or fixing a native Android app in Kotlin and Jetpack Compose on the UDF layered architecture — ViewModel/StateFlow, Hilt, Room, Retrofit, coroutines, type-safe Navigation, and the Gradle/AGP surface. NOT shared Android and iOS UI from one Kotlin codebase (that is compose-multiplatform).

ericrisco/rsc-harness · 78 tokens

sceneview-ios

Build 3D and AR apps on Apple platforms (iOS, macOS, visionOS) with SceneViewSwift — the SwiftUI wrapper around RealityKit. Use whenever the user asks for "3D in SwiftUI", "AR with ARKit in SwiftUI", a model viewer for iOS, or any Apple-platform 3D/AR app where the dependency is the SceneViewSwift Swift Package from…

sceneview/sceneview · 148 tokens

sceneview

Build 3D and AR apps with the SceneView SDK in Jetpack Compose, SwiftUI (iOS/macOS/visionOS via SceneViewSwift), Web (Filament.js), Flutter and React Native. Use whenever the user asks for "3D in Compose", "AR with ARCore in Compose", a model viewer, or any cross-platform 3D/AR app where the dependency is…

sceneview/sceneview · 156 tokens

compose-animations

Use when writing or reviewing Jetpack Compose motion: visibility enter/exit, animating one property toward a target, color or size transitions, multiple properties from one state, switching composable content, or choosing between AnimatedVisibility, animateAsState, rememberTransition, AnimatedContent, and Crossfade.

chrisbanes/skills · 64 tokens

compose-focus-navigation

Use when writing or reviewing Jetpack Compose UI for TV, keyboard, desktop, accessibility focus, D-pad navigation, FocusRequester, focusProperties, key events, or initial focus behavior.

chrisbanes/skills · 41 tokens

compose-state-and-effects

Use when writing or reviewing Jetpack Compose state ownership, remember state, state hoisting, screen state holders, LaunchedEffect, DisposableEffect, SideEffect, Flow collection, navigation, snackbar, analytics, or focus requests.

chrisbanes/skills · 50 tokens