android-compose-graphics-animation

Android Compose Graphics Animation Reference

A skill covering the main official documentation APIs related to animation and drawing in Jetpack Compose (Kotlin). Depending on the user's task, read the appropriate README.md and follow it to the individual files.

Directory structure

skills/android-compose-graphics-animation/
  SKILL.md
  references/
    animation-apis/
      README.md
      animatedvisibility.md
      animatedcontent.md
      crossfade.md
      animatecontentsize.md
      animateasstate.md
      animatable.md
      infinitetransition.md
      transition.md
      enterexittransition.md
      lookaheadscope.md
      animateitem.md
      animatebounds.md
      animateenterexit.md
      animationvector.md
      targetbasedanimation-decayanimation.md
    animation-spec/
      README.md
      animationspec.md
      tween.md
      spring.md
      keyframes.md
      repeatable.md
      snap.md
      easing.md
      repeatmode.md
      startoffset.md
      vectorconverter.md
      decayanimationspec.md
    shared-elements/
      README.md
      sharedtransitionlayout.md
      sharedtransitionscope.md
      sharedelement.md
      sharedbounds.md
      sharedelementwithcallermanagedvisibility.md
      remembersharedcontentstate.md
      resizemode.md
      boundstransform.md
      overlayclip.md
      renderinsharedtransitionscopeoverlay.md
      skiptolookaheadsize.md
    graphics-draw/
      README.md
      canvas.md
      draw-scope.md
      modifier-draw-behind.md
      modifier-draw-with-content.md
      modifier-draw-with-cache.md
      modifier-graphics-layer.md
      modifier-clip.md
      modifier-shadow.md
      modifier-drop-shadow.md
      modifier-alpha.md
      modifier-blur.md
      shape.md
      brush.md
      path.md
      color.md
      blend-mode.md
      render-effect.md
      mesh-gradient.md
      rounded-polygon-morph.md
    images/
      README.md
      image.md
      painterresource.md
      painter.md
      bitmappainter.md
      colorpainter.md
      imagebitmap.md
      contentscale.md
      colorfilter.md
      imagevector.md
      animatedimagevector.md
      remembervectorpainter.md
      icons.md
      asyncimage.md
      modifierpaint.md

Exploration procedure

Derive the category from the task, and identify the target page in the category's README.md:

1. Find the category corresponding to the task in the mapping table below
2. of that category references/{category}/README.md Refer to to identify the target page
3. Read the .md of the relevant page to check the details

Task → Category Mapping

Task	Category	Reference README
Want to animate display/switching with AnimatedVisibility / AnimatedContent / Crossfade	animation-apis	references/animation-apis/README.md
Want to animate a single value with animate*AsState / Animatable	animation-apis	references/animation-apis/README.md
Want to coordinate multiple animations with Transition / InfiniteTransition / LookaheadScope	animation-apis	references/animation-apis/README.md
Want to specify animation speed/trajectory with tween / spring / keyframes	animation-spec	references/animation-spec/README.md
Want to control curves, repetition, and type conversion with Easing / VectorConverter / repeatable	animation-spec	references/animation-spec/README.md
Want to implement shared element transitions between screens with SharedTransitionLayout / sharedElement / sharedBounds	shared-elements	references/shared-elements/README.md
Want to do custom drawing with Canvas / DrawScope	graphics-draw	references/graphics-draw/README.md
Want to handle shapes, fills, and compositing with Shape / Brush / Path / Color / BlendMode / RenderEffect	graphics-draw	references/graphics-draw/README.md
Want to use drawing-related Modifiers such as drawBehind / drawWithContent / graphicsLayer / shadow / blur	graphics-draw	references/graphics-draw/README.md
Want to display images with Image / painterResource / Painter / ContentScale / ColorFilter	images	references/images/README.md
Want to handle vector images, icons, and asynchronous images with ImageVector / Icons / AsyncImage	images	references/images/README.md

Layout and state management are handled by android-compose-ui, Material3 components and themes are android-compose-components .