Mobile App Design: iOS & Android

Name: Orla - Mobile App UI Designer AI Skill
Brand: KissMySkills
Price: 7.0 USD
Availability: InStock

Orla - Mobile App UI Designer AI Skill

Turns an app idea or rough mockups into native-feeling iOS and Android screen specs a developer can build.

$7.00 ce skill un seul paiement à vous pour toujours

Pack skill complet téléchargement immédiatorla-mobile-app-ui-designer-hig-material.md

Unlimited

Get this and 2,500+ more with Unlimited $9/mois

Celui-ci et 2,500+ autres, dans votre IA

AI CRM included

Ce skill$7

Unlimited$9/mois

See Unlimited · $9/mois → or try every skill free for 7 days, no card

Payez une fois, gardez-le pour toujoursTéléchargement immédiatSatisfait ou remboursé 30 jours

As featured onProduct Hunt Fazier KittyLaunch

Works with

Secure checkout by Shopify

Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.

Ask Orla something hard.

📎 orla-mobile-app-ui-designer-hig-material.md LOADED ✓

Design the home and booking flow for our yoga studio app in Flutter, iOS and Android. Members book classes, see pass credits and cancel. Late cancels lose the credit.

CLAUDE · AS ORLA, MOBILE APP UI DESIGNER You get: a flow map with error and offline paths -> a navigation decision per platform: tab bar on iOS, navigation bar on Android -> screen specs top to bottom with measurements and every button state -> booking sheet and late-cancel dialog copy -> color and type tokens for both platforms -> Flutter handoff notes on back navigation and adaptive widgets -> a review checklist.

Ou tous les skills, directement dans votre IA.

0:33 · sans son

Les 2,500+ avec Unlimited · $9/mois en annuel →

Des questions avant d’acheter ? Une personne répond, souvent le jour même : hello@kissmyskills.com

// the file itself

Read it before you buy it.

The first lines of the file your AI will read, exactly as delivered. Nothing rewritten for the page.

// le skill qui fait tourner votre IA

You are Orla, a mobile product designer who has shipped apps on iOS and Android and thinks in thumbs, not cursors. You have been activated to design these app screens so they feel native on each platform and hand over cleanly to developers.

Your job is to design screens that feel native on each platform, work for real hands and real text sizes, and hand over cleanly to developers. You follow Apple's Human Interface Guidelines and Material Design 3 where they matter to users, and you share one design language across platforms where it does not. · A mobile or iOS engineer skill writes Swift, Kotlin or cross-platform code. You design the screens and the specs those engineers build from. · A general UX/UI product designer skill covers web and product strategy broadly. You specialize in mobile: platform conventions, gestures, touch, small screens and app-store-ready polish. · A UI generator draws a screen. You produce a screen plus states, platform variants, measurements and annotations, and you explain every non-obvious decision. · Designing new app screens or a full flow (onboarding, sign-in, home, detail, checkout, settings). · Adapting an iOS design to Android or the reverse, without making either feel foreign. · Reviewing existing app screens for platform fit, touch, readability and states. · Building a small mobile design system: tokens, components, states. · Preparing designs for development handoff. · Writing production code: hand the spec to an engineer or an engineering skill. · Games and highly custom immersive interfaces where platform conventions intentionally do not apply. · Detailed App Store or Google Play review policy questions: check the stores' current guidelines. Ask once, grouped. Skip what is given. 1. App and users - what it does, who uses it, where and how (one hand on a commute, at a desk, gloves on).

132 lignes · .md · telechargement immediat

// what's inside

Que contient cette compétence ?

Apple HIG and Material 3 navigation chosen per platform, with reasons
Touch targets, safe areas, Dynamic Type and dark mode built into every spec
Every state designed: empty, loading, error, offline, full, success
Handoff notes for SwiftUI, Compose, Flutter or React Native

Founders, product teams and designers who need iOS and Android app screens that feel native and hand over cleanly to developers.

// two ways to get it

Buy this file, or open the whole library.

Buy once

This skill as a file

$7 one payment, yours forever

Download right after checkout, keep it for good
Paste it into ChatGPT, Claude, Gemini or any AI chat, free plans included
30-day money-back guarantee

Unlimited Access

Every skill, prompt and agent, inside your chat

$9/mo cancel anytime, or $59 a year

All 2,500+ files in the library, loaded the moment you ask
Nothing to download or paste: connect once in Claude, ChatGPT, Claude Code or Cursor
Works on every Claude plan, free included · 30-day money-back guarantee on the first charge

See Unlimited Access →

Subscribers can still buy single files and keep them after they cancel.

Works with

Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.

// ask your assistant

Or let your AI set up this skill for you.

Go to kissmyskills.com/pages/for-ai-agents and set up the "Orla - Mobile App UI Designer AI Skill" skill (handle: orla-mobile-app-ui-designer-hig-material) for me

Paste it into Claude, ChatGPT, Claude Code, Cursor or Codex. Your AI walks you through connecting KissMySkills (about 3 minutes, 7-day free trial) and loads the skill. What your AI will read →

What you're actually buying

Orla designs mobile app screens that feel native on iOS and Android. She maps the flow, picks the right navigation per platform, lays out each screen for the thumb with 44 pt and 48 dp touch targets, safe areas and Dynamic Type, and specifies every state: empty, loading, error, offline and success. You get screen specs, platform variants, color and type tokens for light and dark mode, and handoff notes developers can build from.

For founders, product teams and designers building an app with SwiftUI, Jetpack Compose, Flutter or React Native. Orla follows Apple's Human Interface Guidelines and Material Design 3 and says when a guideline detail should be checked at the source. Unlike Indira - iOS Developer and Kenji - Mobile Engineer, who write code, or Denholm - UX/UI Designer, who covers product design broadly, Orla specializes in mobile screens and platform conventions.

Turns an app idea or rough mockups into native-feeling iOS and Android screen specs a developer can build.

Compatible with: Claude, Claude Code, ChatGPT, Gemini and Copilot. Install once as a Skill in Claude or paste it as instructions in any other AI chat.

Does it design for both iOS and Android? Yes - one design language, with platform variants for navigation, back, sheets, alerts and type.
Does it produce Figma files? No - it produces structured screen specs and annotations that map directly to Figma frames and code layouts.
Can it review my existing app screens? Yes - review mode checks platform fit, touch targets, text scaling, states and contrast, ranked with fixes.
Does it write the app code? No - it hands over specs and handoff notes for SwiftUI, Compose, Flutter or React Native developers.

// installation Moins de 2 minutes

Quatre étapes. N’importe quel chat AI.

01
Télécharger le fichier
Après le paiement, le lien de téléchargement arrive dans votre boîte de réception. Enregistrez le fichier où vous voulez sur votre appareil.
02
Ouvrez votre conversation AI
Claude, ChatGPT, Gemini, Grok ou Copilot — celui que vous utilisez déjà.
03
Collez le contenu du fichier
Insérez-le dans le prompt système, les instructions du projet ou le champ des instructions personnalisées.
04
Commencez à travailler
Votre AI est maintenant configurée comme spécialiste. Posez-lui n’importe quelle question relevant de son domaine.

Aucune connaissance technique requise.

Avec Unlimited, rien à télécharger. Connectez votre IA une fois, puis demandez : « Charge Orla depuis KissMySkills. »

Guide d’installation → Unlimited · $4.92/mois en annuel →

// faq

Questions concernant ce produit

What does Orla - Mobile App UI Designer do?+

Orla is a mobile app design skill for Claude or ChatGPT. She maps your app flow, chooses navigation per platform, and writes screen-by-screen specs with measurements, components, all states, platform variants, color and type tokens for light and dark mode, accessibility labels and developer handoff notes, following Apple's HIG and Material Design 3.

How is Orla different from Indira, Kenji and Denholm?+

Indira - iOS Developer and Kenji - Mobile Engineer write the code. Denholm - UX/UI Designer covers product and interface design across web and app. Orla focuses only on mobile: platform conventions, gestures, touch targets, text scaling and the iOS versus Android differences that make an app feel native.

Will it follow Apple HIG and Material 3 exactly?+

It applies the guidelines that matter to users, such as 44 by 44 pt and 48 by 48 dp touch targets, safe areas, system back, text styles and color roles. Where a guideline detail may have changed recently, Orla says so and points you to the current HIG or Material documentation instead of guessing.

Can I use it with Flutter or React Native?+

Yes. Specs describe layouts as stacks, lists and grids that map to SwiftUI, Jetpack Compose, Flutter and React Native, and the handoff notes say which components should use platform-adaptive versions so each platform keeps its native back, dialog and switch behavior.