compose_edge_to_edge_preview
Simulate and test edge-to-edge insets in Compose previews
All Skills in This Repository (3)
Pure Emerald Level IndicatorsIntegrate `edge_to_edge_preview_check_lib`
Integrate edge-to-edge preview checks into Jetpack Compose previews.
Integrate `edge_to_edge_preview_lib`
Integrate edge-to-edge WindowInsets simulation into Jetpack Compose previews.
Integrate `edge_to_edge_test_lib`
Add edge-to-edge window-insets overlap assertions to Android Compose UI tests.
Frequently Asked Questions
FAQPage SchemaHow 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โopenclaw
Run a personal AI assistant across your devices and chat apps
superpowers
Gives coding agents a disciplined workflow from idea to merged code
react
AI agent skills for building, testing, and porting React core