skills.rest
cycling02
cycling02COMMUNITY
Explore all skills by this author →
GitHub

ios-compose-ui-master

Create iOS-style Jetpack Compose UI components for Android apps.

Updated Aug 27, 2026
Search Tags:#kotlin#jetpack-compose#ui-design#composables#android-ui#cupertino#ios-style
One-click install
npx skills add https://github.com/cycling02/Sonic --skill ios-compose-ui-master
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ios-compose-ui-master
Source: https://github.com/cycling02/Sonic/tree/main/.trae/skills/ios-compose-ui-master
Command: npx skills add https://github.com/cycling02/Sonic --skill ios-compose-ui-master

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about ios-compose-ui-master

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create iOS-style UI components in Jetpack Compose?▼

You create iOS-style UI components in Jetpack Compose by applying reusable composable patterns for Cupertino navigation bars, list items, search bars, and tab bars. The Skill provides ready implementations and design tokens for consistent visual language.

What is the best way to implement Cupertino-style navigation and list items in an Android app?▼

The best way to implement Cupertino-style navigation and list items is using Jetpack Compose with pre-built composables for large titles and inset grouped cards. This approach ensures consistent spacing, typography, and motion matching Apple aesthetics.

Can I use Material3 theming to build iOS-like interfaces with Kotlin?▼

Yes, you can use Material3 theming to build iOS-like interfaces with Kotlin by overriding design tokens with iOS-inspired typography scales and light/dark color schemes. This allows you to maintain Material3 structure while achieving Cupertino aesthetics.

How do I add native-feeling animations and press feedback to Android composables mimicking iOS?▼

You add native-feeling animations to Android composables mimicking iOS by applying spring-based animations and press feedback patterns. The Skill provides motion guidance for fluid interactions that match Cupertino behavioral expectations.

Do I need to handle safe areas and dark mode separately when designing Cupertino UIs in Jetpack Compose?▼

You do not need to handle safe areas and dark mode separately when designing Cupertino UIs in Jetpack Compose if using this Skill. It includes design tokens for light/dark color schemes and guidance respecting safe areas and accessibility.

Related Skills

Explore More Design & Creative Skills→
patlar104patlar104

Material Design 3 with Jetpack Compose

Implement Material Design 3 theming and components in Jetpack Compose.

Community
Advanced
Cap-goCap-go
58

tailwind-capacitor

Style Capacitor mobile apps with Tailwind CSS utilities.

Official
Intermediate
CYBERSTALKER07CYBERSTALKER07

nativeandroidandwebui

Apply Material Design 3 principles to Android, web, and cross-platform UI.

Community
Intermediate
duylinhdang1998duylinhdang1998

jetpack-compose

Build declarative Android UIs with Jetpack Compose and Material3.

Community
Intermediate