Skills
.Work. You
Rest

mobile-ui

Official

Design sleek mobile UI patterns.

Design & Creative#animations#react-native#gestures#mobile-ui#bottom-sheet#platform-design
Authortimequity
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill consolidates common mobile UI patterns, gestures, and platform design considerations to speed up building polished mobile interfaces.

Core Features & Use Cases

  • Animations: Patterns and snippets for React Native animations using Reanimated to create fluid card motions and transitions.
  • Gestures: Gesture handling patterns (press, swipe, drag) for intuitive interactions.
  • Bottom Sheet: Guidance for implementing bottom sheets with popular libraries.
  • Platform Design: iOS and Android design guidelines to ensure a native feel and consistent UX.

Quick Start

Apply mobile UI patterns to a sample screen by integrating a bottom sheet, a tappable card with spring animation, and a gesture-driven interaction.

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: mobile-ui
Download link: https://github.com/timequity/plugins/archive/main.zip#mobile-ui

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