mobile-design-android
Use when the user asks to build Android screens, Jetpack Compose layouts, Material components, or any Android app UI. Also use when styling, redesigning, or beautifying any Android interface. Covers Material 3 Expressive for Android 16, spring motion, shape variety, and platform-native patterns.
67
66%
Does it follow best practices?
Impact
71%
2.15xAverage score across 2 eval scenarios
Passed
No known issues
Fix and improve this skill with Tessl
tessl review fix ./mobile-design-android/SKILL.mdEvaluation results
86%
61%Animate a Music Player Screen in Jetpack Compose
Spring motion scheme for multi-surface music player animations
No tween() calls
0%
100%
motionScheme used
0%
0%
No hardcoded spring params
100%
75%
fastSpatialSpec on button
0%
100%
defaultSpatialSpec on sheet
0%
100%
slowSpatialSpec on full-screen
0%
100%
Effects spec on alpha/color
0%
100%
No spatial spec on opacity/color
100%
100%
ANIMATOR_DURATION_SCALE check
40%
100%
snap() or no-anim fallback
50%
100%
57%
15%TaskFlow: Adaptive Task Management App Shell
Adaptive navigation, M3 Expressive components, edge-to-edge Android 16
WindowSizeClass branching
41%
83%
Compact: bottom nav
100%
100%
Medium: navigation rail
50%
100%
Expanded: permanent drawer
0%
0%
ButtonGroup for filters
0%
0%
No SegmentedButton
100%
100%
FloatingActionButtonMenu
0%
0%
No BottomAppBar
100%
100%
Rounded square FAB shape
100%
100%
WindowInsets handling
70%
70%
Pill nav indicator + secondary color
0%
87%
Morph shape transition
0%
0%
- Repository
- ivan-magda/mobile-design-skills
- Commit
400ea3f
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.