Skills
.Work. You
Rest

Shared Element Transitions Skill

Community

Seamless shared element transitions in Compose.

Software Engineering#UI#animation#transitions#Jetpack-Compose#motion-pattern#shared-element
AuthorshaharKeisarApps
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill eliminates the friction of creating visually continuous transitions between screens by morphing shared UI components in Jetpack Compose, delivering a premium feel without manual tween logic.

Core Features & Use Cases

  • SharedTransitionLayout: A root container that coordinates element morphs across screens.
  • SharedTransitionScope & AnimatedVisibilityScope: Primitives to tag and animate participating elements.
  • Patterns & Recommendations: Includes Fade Through and shared bounds transitions for image-heavy content; supports list-to-detail and card expansion flows.

Quick Start

Add SharedTransitionLayout to your root navigation and wrap shared elements with unique keys; navigate from list to detail to observe morphing.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Shared Element Transitions Skill
Download link: https://github.com/shaharKeisarApps/MoviesAndBeyond/archive/main.zip#shared-element-transitions-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.