Topic · Mobile
Best Mobile UI design skills for Claude Code, Codex and other agents.
- skills
- 78
- official
- 1
Mobile UI design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). | Appllama/ | 2.5k | 1 repo | ~5k | Automated safety check: Pass | MIT | 1 mo ago |
| 2 | Scaffolds a Next.js editor for designing App Store and Google Play screenshots as ads and exporting them at every required size, for iOS, Mac and Android. | ParthJadhav/ | 7.2k | — | ~14k | Automated safety check: Pass | MIT | today |
| 3 | Load FIRST for anything that carries the Kortix look or voice: product or mobile UI, copy of any kind, decks, social, images, email, CLI output, anything with the logo, and reviews of these. | kortix-ai/ | 20k | — | ~4k | Automated safety check: Pass | Unknown | today |
| 4 | Complete guide for building beautiful apps with Expo Router. | CherryHQ/ | 4k | 8 repos | ~2.6k | Automated safety check: Pass | MIT | today |
| 5 | Use the Appllama MCP (mcp.appllama.io) well — research real top-grossing mobile apps, their screens, flows, and UI elements, then build from what you learn. | Appllama/ | 2.5k | 1 repo | ~1.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 6 | Control a connected iPhone, iOS simulator, Android emulator, or Android device from macOS through PhoneAgent's JSON-RPC bridge. | rounak/ | 798 | — | ~2.2k | Automated safety check: Pass | MIT | 1 mo ago |
| 7 | Looks up available HugeIcons by keyword from the compiled dependency JAR in the Gradle cache, then shows the correct Compose import for each match. | sue1231513/ | 406 | 1 repo | ~467 | Automated safety check: Pass | Unknown | 2 mo ago |
| 8 | Mobile-first design thinking and decision-making for iOS and Android apps. | xenitV1/ | 130 | 2 repos | ~3.7k | Automated safety check: Notes | MIT | 8 mo ago |
| 9 | Create, inspect, convert, apply, replace, verify, troubleshoot, update, publish, or restore reversible CodeDrobe themes for supported Chromium/Electron AI desktop apps, including OpenAI Codex… | CodeDrobe/ | 250 | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 10 | Guides the agent to design distinctive SwiftUI interfaces for iOS and macOS, with six anti-generic rules, a design direction workflow and a five-dimension review. | Wholiver/ | 210 | — | ~2.8k | Automated safety check: Pass | MIT | 5 mo ago |
| 11 | Design high-quality mobile app UI/UX screens, flows, and components. | ceorkm/ | 400 | — | ~2k | Automated safety check: Pass | No licence | 3 mo ago |
| 12 | Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML. | sleekdotdesign/ | 584 | — | ~2.1k | Automated safety check: Pass | MIT | 2 days ago |
| 13 | Manage work in the native DeepSeek Harness Taskboard with exact task ids and optimistic versions. | shengsheng90/ | 331 | — | ~885 | Automated safety check: Pass | Apache-2.0 | 8 days ago |
| 14 | MacMagazine design reference — theme tokens, card selection, typography, touch targets, accessibility, dark mode. | MacMagazine/ | 171 | — | ~767 | Automated safety check: Pass | No licence | today |
| 15 | 15.Atlas Atlas — a design language and UI guide system for agent interfaces. | pacifio/ | 154 | — | ~2.5k | Automated safety check: Pass | MIT | 5 mo ago |
| 16 | Grounds SwiftUI coding in Apple-authored documentation extracted from Xcode, with prompts for generating, refactoring and reviewing code in Apple-native style. | ameyalambat128/ | 121 | — | ~465 | Automated safety check: Pass | MIT | 3 mo ago |
| 17 | Builds distinctive, production-grade UIs that avoid generic AI aesthetics. | avibebuilder/ | 120 | — | ~2.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 18 | A skill your agent uses to verify Compose layout measurements from a UI test using assertWidthIsEqualTo, assertHeightIsEqualTo, assertWidthIsAtLeast, assertHeightIsAtLeast… | skydoves/ | 333 | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 19 | Designs and reviews Android screens with attention to touch ergonomics, adaptive layouts, accessibility, state handling and an implementation handoff. | ModinMobileSTS/ | 402 | — | ~1k | Automated safety check: Pass | Unknown | yesterday |
| 20 | A skill your agent uses when a user provides a reference UI screenshot and asks to extract visual specs, generate design tokens, create a component tree, or produce a frontend implementation… | Jason904/ | 144 | — | ~1.6k | Automated safety check: Pass | MIT | 3 mo ago |
| 21 | Use ONLY when working in the docker-acarshub repository AND building UI -- React components, SCSS modules, theme variables, accessibility, mobile responsiveness, Catppuccin color usage, Zustand… | sdr-enthusiasts/ | 117 | — | ~1.1k | Automated safety check: Pass | GPL-3.0 | today |
| 22 | Framework (OSS). An agent skill from arcboxlabs/linkcode. | arcboxlabs/ | 156 | — | ~2.2k | Automated safety check: Pass | MIT | 10 days ago |
| 23 | 在不创建、激活或切换任何前台窗口的前提下，通过项目的 debug-only 离屏 Compose UI 控制接口检查语义树、点击、输入、滚动、等待和截图。适用于 macOS Kotlin/Native UI 回归、页面卡死、导航完成度和逐按钮验收；禁止用 AppleScript、System Events、open、桌面截图或坐标点击替代。 | zly2006/ | 4.2k | — | ~657 | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 24 | Applies practical Jetpack Compose patterns to Android UI code: state hoisting, one-way data flow, side effects, modifiers, theming and testable composables. | ModinMobileSTS/ | 402 | — | ~1.7k | Automated safety check: Pass | Unknown | yesterday |
| 25 | Design system imported from the SlayTheAmethyst Android Jetpack Compose launcher: Material 3 surfaces, user-selected seed colors, light and dark themes and typography rules. | ModinMobileSTS/ | 402 | — | ~1.7k | Automated safety check: Pass | Unknown | yesterday |
| 26 | Mobile-first design and engineering doctrine for iOS and Android apps. | agent-skills-hub/ | 111 | — | ~2.3k | Automated safety check: Notes | MIT | 6 days ago |
| 27 | Test Palot's native Electron renderer with preload, IPC, and OpenCode integration. | ItsWendell/ | 191 | — | ~1.9k | Automated safety check: Pass | MIT | yesterday |
| 28 | Design mobile-style HTML pages (iOS / Android) for preview in the Mobile UI Preview panel. | openvetta/ | 291 | — | ~1.6k | Automated safety check: Pass | Apache-2.0 | today |
| 29 | Guides React Native and Expo work for cross-platform apps: Expo Router navigation, fast lists, Reanimated animation, platform-specific code and project structure. | tech-leads-club/ | 7k | — | ~3.2k | Automated safety check: Pass | CC-BY-4.0 | 18 days ago |
| 30 | Operate Palot's Electron build and channel lifecycle. An agent skill from ItsWendell/palot. | ItsWendell/ | 191 | — | ~1k | Automated safety check: Pass | MIT | yesterday |
| 31 | Mobile-specific UX principles - touch targets, hover-less doctrine, thumb zones, safe areas, gestures, mobile perf budgets. | AThevon/ | 424 | 1 repo | ~2.8k | Automated safety check: Pass | Unknown | 2 days ago |
| 32 | 32.AI Native UI Web and App implementation guide for AI Native UI. An agent skill from sickn33/agentic-awesome-skills. | sickn33/ | 47k | 1 repo | ~2.7k | Automated safety check: Pass | MIT | today |
| 33 | 33.Bmad UX Solutioning-phase UX planning skill (optional; activate when the project has a UI). | aj-geddes/ | 487 | — | ~2k | Automated safety check: Notes | Unknown | 3 mo ago |
| 34 | 34.Android UX A skill your agent uses when designing or reviewing Android UI — applies Material Design 3 UX principles covering touch targets, spacing, navigation patterns, accessibility, animation timing, and… | rcosteira79/ | 151 | — | ~2.3k | Automated safety check: Pass | MIT | 19 days ago |
| 35 | Audit a shipped repo for production-readiness gaps across RLS, webhooks, secrets, grants, Stripe idempotency, mobile UX, and deployment health. | sickn33/ | 47k | 1 repo | ~2.7k | Automated safety check: Pass | MIT | today |
| 36 | 36.UX Audit Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices | sickn33/ | 47k | 1 repo | ~1.4k | Automated safety check: Pass | MIT | today |
| 37 | Automate native Windows apps and system interactions with PowerShell, documented COM APIs, and Microsoft UI Automation through the Windows host executor. | vellum-ai/ | 1.4k | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 38 | Expert patterns for porting desktop games to mobile including touch control schemes (virtual joystick, gesture detection), UI scaling for small screens, performance optimization for mobile GPUs… | thedivergentai/ | 809 | — | ~3.1k | Automated safety check: Pass | LGPL-3.0 | 29 days ago |
| 39 | A skill your agent uses when applies to all interactive elements on touchscreen interfaces: buttons, links, checkboxes, radio buttons, form inputs, icon buttons, and menu items. | thedaviddias/ | 74k | — | ~938 | Automated safety check: Pass | MIT | 2 days ago |
| 40 | Ensures Kandev UI work uses native mobile interaction patterns instead of compressed desktop adaptations while preserving desktop/mobile capability parity, responsive behavior, and mobile Playwright… | kdlbs/ | 909 | — | ~3.7k | Automated safety check: Pass | AGPL-3.0 | today |
| 41 | UI/UX design, critique and audit for Shuttle Music on Android (Compose, Material 3 Expressive) and iOS (SwiftUI, HIG, Liquid Glass) — every form factor (phone, foldable, tablet, desktop window, car… | timusus/ | 229 | — | ~2.3k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 42 | 为 @skyroc/native-ui 组件编写文档。当用户说出 native 组件名（如 Button、Cell、ActionSheet）并要求写/补文档时触发。自动定位组件源码、playground demo、已有文档，按 native-ui-docs 的规范生成或更新 MDX。 | Ohh-889/ | 795 | — | ~2.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 43 | 43.iOS Hig A skill your agent uses when designing iOS interfaces, implementing accessibility (VoiceOver, Dynamic Type), handling dark mode, ensuring adequate touch targets, providing animation/haptic feedback… | johnrogers/ | 231 | — | ~705 | Automated safety check: Pass | MIT | 8 mo ago |
| 44 | (Mobile-First · Touch-First · Platform-Respectful). An agent skill from aiskillstore/marketplace. | aiskillstore/ | 430 | 4 repos | ~2.3k | Automated safety check: Pass | No licence | today |
| 45 | 45.Phone Use Use OpenPocket MCP tools to inspect or control an Android emulator, physical Android phone, Android TV, or ADB-backed app. | pockebot/ | 847 | — | ~1.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 46 | 46.Oma Mobile Implement Flutter, React Native, or native Swift apps. An agent skill from first-fluke/oh-my-agent. | first-fluke/ | 1.3k | — | ~2.4k | Automated safety check: Pass | MIT | today |
| 47 | Enables rich interactive UI components in chat responses. An agent skill from sugarforever/01coder-agent-skills. | sugarforever/ | 136 | — | ~665 | Automated safety check: Pass | MIT | 3 mo ago |
| 48 | Apply production-grade design standards when building or reviewing pages, components, or UI. | rampstackco/ | 940 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
Questions, answered from the data.
What is the best Mobile UI design skill?
Appllama App Design Skill from Appllama/appllama-skills ranks first of the 78 Mobile UI design skills listed here, with the highest score: its repository has 2.5k GitHub stars, 1 other GitHub owner carry a copy, its SKILL.md loads about 5k tokens and it passes the automated safety check with no findings. Next come App Store Screenshots Generator and Kortix Brand.
Which Mobile UI design skills are official?
1 of the 78 Mobile UI design skills are official, published by the vendor's own GitHub organization: Expo Native UI.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.