Skills

Compose Graphics

Advanced Compose visuals - Material 3 Expressive motion physics, AGSL shaders (Android...

Install

npx skills add AThevon/genjutsu --skill compose-graphics -g -a claude-code -y
Repository
AThevon/genjutsu721
Category
Mobile
Updated
3d ago
License
See repository
Context cost
Mediumabout 3,000 tokens
Runs scripts
No, instructions only

What it does

Advanced Compose visuals - Material 3 Expressive motion physics, AGSL shaders (Android 13+), Canvas/DrawScope generative, graphicsLayer effects.

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

NeedAPI
Spring physics with bounce / overshootMotionScheme.expressive() (M3 Expressive)
Pixel-level shaderRuntimeShader + 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 AndroidAGSL 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

SchemePersonalityUse For
MotionScheme.standard()Calmer, less overshootDefault for chrome, lists, navigation
MotionScheme.expressive()More overshoot, longer settleHero reveals, FABs, primary CTAs

Apply on the theme:

Read the whole SKILL.md on GitHub

More in Mobile