← ClaudeAtlas

compose-graphicslisted

Advanced Compose visuals - Material 3 Expressive motion physics, AGSL shaders (Android 13+), Canvas/DrawScope generative, graphicsLayer effects.
AThevon/genjutsu · ★ 334 · Web & Frontend · score 79
Install: claude install-skill AThevon/genjutsu
> **Version-sensitive.** Every API name, SDK gate and browser-support claim below was > verified on **2026-09-08** against primary sources. What against, and when, is in > `_jutsu/VERSIONS.md`. If that date is old, re-verify before acting on a version number. # 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