What problem does it solve? Compose @Preview functions live only in one engineer's IDE on a renderer that is not a real device, so teams lack a shared, browsable artifact of every UI component. This Skill renders every @Preview on a real device or emulator, collects the PNGs into a searchable HTML catalog, regenerates it from CI on every commit, and serves it from GitHub Pages. ## Core Features & Use Cases - Bulk preview capture: Run ./gradlew captureAllPreviews to scan all @Preview functions, screenshot each on a running app via HotSwanPreviewActivity, and generate an HTML catalog with search, module grouping, and dark/light toggle. - Single-preview ADB capture: Screenshot one preview from a shell script using am start with the composable FQN extra plus screencap, no IDE required. - Render-delay tuning: Set a low global renderDelayMs and override per preview with @PreviewScreenshot(renderDelay = ...) for screens loading network images or animations. - CI/CD integration: Run on GitHub Actions with android-emulator-runner or Gradle Managed Devices, then deploy the catalog to GitHub Pages. - Use Case: A design team wants a URL where they can browse every Compose component after each merge to main; the CI workflow boots an emulator, installs and launches the debug app, captures all previews, and publishes the catalog to Pages. ## Quick Start Ask the AI to set up the HotSwan Gradle plugin and a GitHub Actions workflow that runs captureAllPreviews on an emulator and deploys the preview catalog to GitHub Pages.
