Skills
.Work. You
Rest

Integrate `edge_to_edge_preview_lib`

Community

Add edge-to-edge insets to Compose previews

Software Engineering#android#jetpack compose#edge-to-edge#kotlin multiplatform#preview integration#windowinsets#ui tooling
Authortimo-drick
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates inaccurate Android Studio preview results by integrating edge-to-edge WindowInsets simulation into your existing Jetpack Compose project.

Core Features & Use Cases

  • Adds the correct preview dependency: Integrates the Maven artifact into Android-only modules or the commonMain source set for Kotlin Multiplatform projects.
  • Wraps previews with EdgeToEdgeTemplate: Enables realistic status bar, navigation bar, and camera cutout rendering (plus optional caption bar).
  • Creates a focused preview matrix: Lets you quickly validate common inset configurations using gesture/three-button navigation, cutout variants, and hidden/visible inset modes to catch overlap issues early.

Quick Start

Use this Skill to integrate de.drick.compose:edge-to-edge-preview and wrap your preview composables with EdgeToEdgeTemplate so your IDE previews render realistic edge-to-edge insets.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Integrate `edge_to_edge_preview_lib`
Download link: https://github.com/timo-drick/compose_edge_to_edge_preview/archive/main.zip#integrate-edge-to-edge-preview-lib

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.