← ClaudeAtlas

compose-graphicslisted

Advanced Compose visuals - Material 3 Expressive motion physics, AGSL shaders (Android 13+), Canvas/DrawScope generative, graphicsLayer effects.
leobbaroni/maestro · ★ 1 · AI & Automation · score 67
Install: claude install-skill leobbaroni/maestro
# Compose Graphics > Advanced Compose visuals: M3 Expressive motion physics, AGSL shaders (Android 13+), Canvas / DrawScope, graphicsLayer effects. > Loaded for advanced thesis (shader, expressive, M3 Expressive, AGSL, Canvas, holographic). > Foundation: `../compose-motion/SKILL.md` covers basics. Concise rules here. Deep-dive in `references/`. --- ## Decision Tree: Which API for Which Need | Need | API | |---|---| | Spring physics with bounce / overshoot | `MotionScheme.expressive()` (M3 Expressive) | | Pixel-level shader | `RuntimeShader` + `Modifier.graphicsLayer { renderEffect = ... }` (Android 13+) | | Generative drawing (paths, particles, fractals) | `Canvas { drawScope -> ... }` | | GPU effects (blur, shadows, color filters) | `Modifier.graphicsLayer { renderEffect = ... }` or `Modifier.blur(...)` | | Adaptive system materials (Material You glassmorphism) | `Modifier.background(MaterialTheme.colorScheme.surfaceContainerHighest)` | | Liquid glass on Android | AGSL shader recipe (no native API like iOS yet) | --- ## Domain 1: Material 3 Expressive ### What It Is The 2025 Material 3 evolution introduces spring-based motion physics replacing fixed-duration tweens. New shape morphing API via `androidx.graphics.shapes`. New `MotionScheme` selectable on the theme. Aimed at hero moments, key interactions, brand-defining UI. ### MotionScheme | Scheme | Personality | Use For | |---|---|---| | `MotionScheme.standard()` | Calmer, less overshoot | Default for chrome, list