A

android-compose-graphics-animation

android-compose-graphics-animation

github.com/fandhe-aiDesign & UI447 installsUpdated 2d ago

About android-compose-graphics-animation

A reference skill for Android developers working with Jetpack Compose graphics, drawing, and animation. It maps tasks to documentation categories and then to specific API pages.

Key features

01Maps tasks to reference categories
02Covers Compose animation APIs
03Explains animation specs and shared elements
04Covers drawing, graphics, and image APIs

Use cases

01Animate visibility or content changes
02Coordinate multiple animations
03Draw custom graphics and effects
04Display images, icons, or async images

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/fandhe-ai/agent-reference-skills --skill android-compose-graphics-animation

After installing, type/android-compose-graphics-animationin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/animation-apis/

animatable.md

animateasstate.md

animatebounds.md

animatecontentsize.md

animatedcontent.md

animatedvisibility.md

animateenterexit.md

animateitem.md

animationvector.md

crossfade.md

enterexittransition.md

infinitetransition.md

lookaheadscope.md

README.md

targetbasedanimation-decayanimation.md

transition.md

references/animation-spec/

animationspec.md

decayanimationspec.md

easing.md

keyframes.md

README.md

repeatable.md

repeatmode.md

snap.md

spring.md

startoffset.md

tween.md

vectorconverter.md

references/graphics-draw/

blend-mode.md

brush.md

Details

From the project README

Android Compose Graphics Animation リファレンス

Jetpack Compose (Kotlin) のアニメーションと描画に関する公式ドキュメント主要 API を網羅したスキル。ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。

ディレクトリ構成

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

探索手順

タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:

下記マッピング表でタスクに対応するカテゴリを探す
そのカテゴリの references/{category}/README.md を参照して目的のページを特定する
該当ページの .md を Read して詳細を確認する

タスク → カテゴリマッピング

タスク	カテゴリ	参照 README
AnimatedVisibility / AnimatedContent / Crossfade で表示・切り替えをアニメーションしたい	animation-apis	references/animation-apis/README.md
animate*AsState / Animatable で単一値をアニメーションしたい	animation-apis	references/animation-apis/README.md
Transition / InfiniteTransition / LookaheadScope で複数アニメーションを協調させたい	animation-apis	references/animation-apis/README.md
tween / spring / keyframes でアニメーションの速度・軌道を指定したい	animation-spec	references/animation-spec/README.md
Easing / VectorConverter / repeatable でカーブ・繰り返し・型変換を制御したい	animation-spec	references/animation-spec/README.md
SharedTransitionLayout / sharedElement / sharedBounds で画面間の共有要素遷移を実装したい	shared-elements	references/shared-elements/README.md
Canvas / DrawScope でカスタム描画をしたい	graphics-draw	references/graphics-draw/README.md
Shape / Brush / Path / Color / BlendMode / RenderEffect で図形・塗り・合成を扱いたい	graphics-draw	references/graphics-draw/README.md
drawBehind / drawWithContent / graphicsLayer / shadow / blur などの描画系 Modifier を使いたい	graphics-draw	references/graphics-draw/README.md
Image / painterResource / Painter / ContentScale / ColorFilter で画像を表示したい	images	references/images/README.md
ImageVector / Icons / AsyncImage でベクター画像・アイコン・非同期画像を扱いたい	images	references/images/README.md

レイアウト・状態管理は android-compose-ui、Material3 コンポーネントとテーマは android-compose-components の担当。

Comments

Markdown supported

Sign in to comment