skills.rest
matheusz-nied
matheusz-niedCOMMUNITY
Explore all skills by this author →
Website𝕏@matheusz_niedGitHub

mobile-ui

Standardize mobile UI design and implementation for Expo apps.

Updated Mar 7, 2026
Search Tags:#mobile#react-native#tabs#sheets#expo#ui-patterns#keyboard-handling
One-click install
npx skills add https://github.com/matheusz-nied/stay-hard-motivation --skill mobile-ui-matheusz-nied
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ui
Source: https://github.com/matheusz-nied/stay-hard-motivation/tree/main/.local/skills/mobile-ui
Command: npx skills add https://github.com/matheusz-nied/stay-hard-motivation --skill mobile-ui-matheusz-nied

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Centralizes best practices for Expo-based mobile UI design and implementation to reduce guesswork and inconsistencies across projects.

Core Features & Use Cases

  • Native tabs with liquid glass support and cross-platform consistency
  • Streaming UI guidance for Expo fetch, keyboard handling, and responsive layouts
  • Sheets and modals guidance for auth flows and overlays
  • App icon and splash generation guidelines to maintain branding

Quick Start

Create a sample Expo-based mobile UI showcasing native tabs, keyboard handling, and a sheet/modal flow to apply the guidelines.

Frequently Asked Questions about mobile-ui

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

FAQPage Schema
How do I implement native tabs with liquid glass support in Expo?▼

Native tabs with liquid glass support in Expo are standardized through reference-guided instructions ensuring cross-platform consistency. You apply these UI patterns directly within your React Native project to maintain visual parity across iOS and Android.

What is the best way to handle keyboard input and responsive layouts in React Native?▼

Keyboard handling and responsive layout guidance for React Native is centralized to reduce guesswork in Expo apps. You apply streaming UI guidelines during implementation to manage input events and adapt screen layouts smoothly across devices.

Does this Expo UI guidance cover sheets and modals for authentication flows?▼

Yes, Expo UI guidance covers sheets and modals specifically for auth flows and overlays. You use the provided reference instructions to standardize overlay implementations, ensuring consistent presentation and behavior across cross-platform mobile applications.

How do I generate app icons and splash screens for iOS and Android in Expo?▼

App icon and splash screen generation guidelines for Expo maintain consistent branding across iOS and Android. You follow these reference-based instructions to standardize asset creation and ensure your visual identity renders correctly on both platforms.

Can I use these mobile UI patterns in a bare React Native project without Expo?▼

These mobile UI patterns are specifically tailored for cross-platform React Native projects using Expo. While the underlying concepts may apply to bare workflows, the provided instructions and guidelines target Expo-specific implementations and dependencies.

Related Skills

Explore More Design & Creative Skills→
ugudladougudlado

mobile-engineer

Establish scalable mobile architectures for Expo React Native applications.

Community
Intermediate
spatiespatie
12

App Store Screenshots Skill

Automate App Store and Play Store screenshot capture with simulators and emulators.

Official
Advanced
0xarcano0xarcano

native-data-fetching

Implement Fetch API requests with caching and error handling.

Community
Intermediate
tassiovaletassiovale
13

building-native-ui

Guide UI development with Expo and React Native layouts, navigation, and animations.

Community
Intermediate