← ClaudeAtlas

compose-previewlisted

Render Compose @Preview functions to PNG outside Android Studio. Use this to verify UI changes, iterate on designs, and compare before/after states across Android (Jetpack Compose) and Compose Multiplatform Desktop projects.
yschimke/skills · ★ 2 · Code & Development · score 66
Install: claude install-skill yschimke/skills
# Compose Preview Render `@Preview` composables to PNG images without launching Android Studio. Works on both Android (Jetpack Compose via Robolectric) and Compose Multiplatform Desktop (via `ImageComposeScene` + Skia). Maintained at [github.com/yschimke/skills](https://github.com/yschimke/skills) under `skills/compose-preview/`. The CLI, Gradle plugin, and renderer ship from [github.com/yschimke/compose-ai-tools](https://github.com/yschimke/compose-ai-tools); this skill documents how an agent drives them. Run `compose-preview --version` to see the installed CLI bundle, `compose-preview doctor` to compare against the latest release (warns when the local copy trails), and `compose-preview update` to re-run the bootstrap installer. ## Non-negotiable agent loop - After changing Compose UI, render the affected preview and **look at the resulting image on the surface where the person will judge it**. Use the typed MCP render tool when available, or the CLI and its reported `pngPath`; then open that image with the host's image viewer. Source, semantics, hashes, and a successful build are useful checks, but none of them proves what the UI looks like. - Showable evidence is part of the result. Keep the returned image or file path so the person can inspect the same render. If the harness cannot display the render, say which surface is unavailable and why; do not describe an inferred visual result as something you saw. - Prefer typed MCP tools and their published i