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 dieser Skill einmal zahlen für immer deins

Komplettes Skill-Paket Sofort-Downloadorla-mobile-app-ui-designer-hig-material.md

Unlimited

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

Dieser plus 2,500+ weitere, direkt in deiner KI

AI CRM included

Dieser Skill$7

Unlimited$9/Monat

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

Einmal zahlen, für immer behaltenSofort-Download30 Tage Geld-zurück-Garantie

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.

Oder jeden Skill direkt in deiner KI.

0:33 · ohne Ton

Alle 2,500+ mit Unlimited · $9/Monat bei jährlicher Zahlung →

Fragen vor dem Kauf? Ein Mensch antwortet, meist am selben Tag: 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.

// der skill, auf dem deine KI laeuft

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 Zeilen · .md · sofortiger Download

// what's inside

Was steckt in dieser Fähigkeit?

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 Unter 2 Minuten

Vier Schritte. Jeder AI-Chat.

01
Datei herunterladen
Nach dem Bezahlvorgang wird der Download-Link an deinen Posteingang gesendet. Speichere die Datei an einem beliebigen Ort auf deinem Gerät.
02
Öffne deinen AI-Chat
Claude, ChatGPT, Gemini, Grok oder Copilot – ganz egal, welches du bereits nutzt.
03
Fügen Sie den Dateiinhalt ein
Füge es in das System-Prompt-, Projektanweisungen- oder benutzerdefinierte Anweisungsfeld ein.
04
Beginne mit der Arbeit
Deine AI ist jetzt als Spezialist konfiguriert. Frag sie alles innerhalb ihres Fachgebiets.

Keine technischen Kenntnisse erforderlich.

Mit Unlimited gibt es nichts herunterzuladen. Verbinde deine KI einmal und bitte sie dann einfach: „Lade Orla von KissMySkills.“

Setup-Anleitung → Unlimited · $4.92/Monat bei jährlicher Zahlung →

// faq

Fragen zu diesem Produkt

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.