compose-design-cataloglisted

# Compose Design Catalog Render a Compose **component system** and export it as an importable **sticker sheet**: every component in its primary modes, in two variants (the `ideal` render and a `layout` render that borders every composable), with the system's design tokens and an accessibility **greenline** layer extracted automatically from the render — not transcribed from a spec. This skill is the system-wide, sticker-sheet sibling of **compose-preview-design-board** (which arranges an arbitrary set of renders into one HTML brief). It assumes the **compose-preview** skill is installed — that skill owns the renderer, CLI, and Gradle plugin. Check first with `compose-preview --version`; if missing, run the bootstrap installer: ```sh curl -fsSL https://raw.githubusercontent.com/yschimke/compose-ai-tools/main/scripts/install.sh \ | bash ``` ## Code is the source of truth This pipeline is **code-led**. Every value on the sheet — padding, corner radius, type, colour, touch-target size, `maxLines` / overflow — comes from the renderer's own data products, so the catalog is correct by construction. Published design kits (the Material 3 / Wear OS / Glimmer / Widget Figma kits) are **seed/reference only**: use them for the component inventory and for naming parity, never as authority. A kit/render divergence is a bug in the kit. ## When to use this skill - You want a designer-ready catalog of a component library (yours, or a system like Material 3) generated from the code,