timo-dricktimo-drickCommunityยท3 Agent Skills Included

compose_edge_to_edge_preview

Simulate and test edge-to-edge insets in Compose previews

Simulates status bars, navigation bars, and camera cutouts directly inside Jetpack Compose and Compose Multiplatform previews. Highlights window inset overlap problems visually and asserts them automatically in Robolectric and instrumented tests. Eliminates manual emulator checks so developers catch clipped text and blocked tap targets before shipping.
npx skills add timo-drick/compose_edge_to_edge_preview --all -g -y
Available:

Instructs your AI agent on the project structure and directs it to the correct integration skill in ai_skills/ based on which edge-to-edge library the task requires.

All Skills in This Repository (3)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install compose_edge_to_edge_preview?โ–ผ

Run `npx skills add timo-drick/compose_edge_to_edge_preview --all -g -y` in your terminal to install all integration skills globally.

How to preview edge-to-edge insets in Compose?โ–ผ

Wrap your preview composable in EdgeToEdgeTemplate to simulate status bars, navigation bars, and camera cutouts directly in Android Studio previews.

How to test window inset overlaps automatically?โ–ผ

Add the edge-to-edge-test library and use assertWindowInsets in your Robolectric or instrumented Compose tests to fail builds when content overlaps system bars.

Does it work with Compose Multiplatform?โ–ผ

Yes. The preview and check libraries support Kotlin Multiplatform projects as long as the module includes an Android target for preview rendering.

Can AI agents integrate these libraries for me?โ–ผ

Yes. The included skills guide your agent through adding the right Gradle dependencies, wrapping previews, and verifying the integration with a checklist.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’