mcpField
A
android-compose-graphics-animation

android-compose-graphics-animation

github.com/fandhe-aiデザイン・UI447 回インストール2 日前に更新
リポジトリ

android-compose-graphics-animation について

Jetpack Compose のグラフィックス、描画、アニメーションを扱う Android 開発者向けのリファレンススキルです。タスクからカテゴリを選び、個別の API ページへ案内します。

主な機能

  1. 01タスクから参照カテゴリを特定
  2. 02Compose アニメーション API を網羅
  3. 03アニメーション仕様と共有要素を解説
  4. 04描画・グラフィックス・画像 API を網羅

活用シーン

  1. 01表示やコンテンツ切り替えのアニメーション
  2. 02複数アニメーションの連携
  3. 03カスタム図形や効果の描画
  4. 04画像・アイコン・非同期画像の表示

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/android-compose-graphics-animationを入力して読み込まれたか確認します。

同梱ファイル

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

詳細

プロジェクトの 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 で目的のページを特定する:

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

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

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

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

コメント