How does this skill handle styling for different screen sizes?

It utilizes NativeWind, which allows for Tailwind-like utility classes and flexbox-based layouts, ensuring responsive design across various mobile screen densities.

What testing libraries are recommended by this skill?

It advocates for a combination of Jest for unit logic and React Native Testing Library (RNTL) for component-level integration testing.

Does this skill support Expo?

Yes, the stack is fully compatible with both Expo and vanilla React Native projects, providing the necessary commands for both environments.

Can I use Docker with this mobile development stack?

No, this skill explicitly advises against using Docker. Mobile development requires running natively on local machines, simulators, or physical devices to ensure proper performance and hardware access.

Are there specific patterns for platform-specific code?

Yes, the skill provides patterns for platform-specific extensions (e.g., .ios.tsx) and inline conditional logic using the React Native Platform API to handle OS-specific requirements.

Mobile App Development Stack

Name: Mobile App Development Stack
Author: Syntek-Dev

bySyntek-Dev

0•

Mobile Development

Streamlines React Native development with optimized patterns for NativeWind styling, typed navigation, and platform-specific implementations.

The Mobile App Development Stack skill empowers Claude to act as a specialist in React Native architecture, focusing on high-performance iOS and Android applications. It enforces the use of native core components over web elements, integrates NativeWind for utility-first styling, and provides robust patterns for React Navigation. By incorporating platform-specific considerations—such as iOS Safe Areas and Android hardware button handling—and a comprehensive testing framework using Jest and RNTL, this skill ensures the delivery of production-grade mobile codebases.

Key Features

010 GitHub stars

02Utility-first styling guidance using NativeWind (Tailwind for Mobile)

03Platform-specific optimization for iOS safe areas and Android hardware features

04Integrated unit and component testing patterns with Jest and RNTL

05Standardized React Native component patterns and TypeScript interfaces

06Typed navigation configuration using React Navigation best practices

Use Cases

01Converting web-based logic into mobile-native architectures while avoiding HTML elements

02Building responsive mobile UI components that maintain consistency across iOS and Android

03Implementing complex navigation flows with full TypeScript type safety

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add syntek-dev/syntek-dev-suite stack-mobile

For use in Claude.ai and ChatGPT

Download Skill