Toolverse
All skills
Mobile

expo-app-design

by skillcreatorai

Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
skillcreatorai
Category
Mobile
Views
35
GitHub repo

About this skill

Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.

How to use

  1. Zainstaluj umiejętność w swoim projekcie agenta, dodając referencję do skill'u expo-app-design z repozytorium skillcreatorai.

  2. Skonfiguruj projekt React Native z Expo — upewnij się, że masz zainstalowany Expo CLI i zainicjalizowany projekt z obsługą TypeScript.

  3. Dodaj Expo Router do projektu, aby obsługiwać nawigację między ekranami aplikacji. Router automatycznie mapuje strukturę folderów na ścieżki nawigacyjne.

  4. Zastosuj NativeWind/Tailwind CSS do stylowania komponentów — definiuj klasy CSS bezpośrednio w komponentach React Native zamiast tradycyjnych stylów inline.

  5. Wykorzystaj umiejętność do implementacji natywnych elementów interfejsu, takich jak karty (tabs) i animacje, zgodnie z wytycznymi platformy.

  6. Testuj aplikację na emulatorze lub urządzeniu fizycznym za pomocą Expo Go, aby weryfikować wygląd i działanie na różnych rozmiarach ekranu i systemach operacyjnych.

Related skills

senior-architect

by alirezarezvani

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack

Mobile
184296

flutter-expert

by sickn33

Master Flutter development with Dart 3, advanced widgets, and multi-platform deployment. Handles state management, animations, testing, and performance optimization for mobile, web, desktop, and embedded platforms. Use PROACTIVELY for Flutter architecture, UI implementation, or

Mobile
54112

openscad

by mitsuhiko

Create and render OpenSCAD 3D models. Generate preview images from multiple angles, extract customizable parameters, validate syntax, and export STL files for 3D printing platforms like MakerWorld.

Mobile
4291

flutter-development

by aj-geddes

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

Mobile
1,1601,122

swift-best-practices

by sammcj

This skill should be used when writing or reviewing Swift code for iOS or macOS projects. Apply modern Swift 6+ best practices, concurrency patterns, API design guidelines, and migration strategies. Covers async/await, actors, MainActor, Sendable, typed throws, and Swift 6

Mobile
36140

vercel-react-native-skills

by vercel-labs

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or

Mobile
1745