Skills
.Work. You
Rest

ios-compose-ui-master

Community

Design iOS-style UIs in Jetpack Compose

Design & Creative#kotlin#jetpack-compose#ui-design#composables#android-ui#cupertino#ios-style
Authorcycling02
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provide developers and designers a ready-made pattern library and guidance to recreate Apple's iOS look-and-feel on Android using Jetpack Compose, eliminating guesswork when implementing Cupertino-style components, spacing, typography, and motion.

Core Features & Use Cases

  • Reusable Composables: Ready implementations for large title navigation bars, list items, section headers, inset grouped cards, buttons, search bars, tab bars, and horizontal sections.
  • Design Tokens: iOS-inspired typography scales, light/dark color schemes, and elevation/depth guidance to ensure consistent visual language.
  • Motion & Interaction: Spring-based animations, press feedback patterns, and gesture considerations for fluid, native-feeling interactions.
  • Use Case: Migrate an iOS UX spec or craft an Android app that mimics Cupertino aesthetics while respecting accessibility, safe areas, and dark mode.

Quick Start

Use the ios-compose-ui-master skill to generate Jetpack Compose code for an iOS-style large title navigation and list item layout.

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: ios-compose-ui-master
Download link: https://github.com/cycling02/Sonic/archive/main.zip#ios-compose-ui-master

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.