webdev-readme-mobile

Guides development of Expo SDK 54 React Native mobile apps with NativeWind styling.

Updated Sep 16, 2026

Search Tags:#typescript #tailwind #react native #mobile app #expo #expo router #nativewind

One-click install

npx skills add https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills --skill webdev-readme-mobile-military-veteran-team-lpt-realty

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: webdev-readme-mobile
Source: https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills/tree/main/skills/webdev-readme-mobile
Command: npx skills add https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills --skill webdev-readme-mobile-military-veteran-team-lpt-realty

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building mobile apps on the Manus Expo template requires knowing its conventions, file layout, theming system, and common pitfalls; this Skill provides the complete development guide so agents and developers avoid broken flows, crashes, and styling mistakes. ## Core Features & Use Cases - Template Reference: Documents the full project structure, tech stack (Expo SDK 54, React Native 0.81, Expo Router 6, NativeWind 4, TypeScript 5.9), and core files like ScreenContainer, icon-symbol, and theme.config.js. - Styling & Theming Guide: Explains NativeWind Tailwind usage, shared color tokens, dark mode handling, and the cn() utility for conditional classes. - Pitfall & Convention Rules: Covers tab icon mapping, FlatList usage, Pressable styling restrictions, gesture worklet crashes, SafeArea handling, and a delivery checklist. - Use Case: When scaffolding a new mobile app feature, follow the guide to add a screen with ScreenContainer, register its tab icon in icon-symbol.tsx, and apply theme tokens so the screen works in light and dark mode without crashes. ## Quick Start Use the webdev-readme-mobile guide to add a new tab screen to my Expo app with proper SafeArea handling and theme colors.

Frequently Asked Questions about webdev-readme-mobile

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

FAQPage Schema

How do I handle dark mode colors in an Expo NativeWind app?▼

Define light and dark values once in theme.config.js, which feeds both Tailwind and the runtime useColors hook. Use color tokens directly without dark: prefixes, since ThemeProvider and CSS variables switch schemes automatically.