scaffold-cross-platform-app

Scaffold React Native or Flutter apps with feature-first structure and state management.

9|3|Updated Jun 13, 2026
One-click install
npx skills add https://github.com/Sir-chawakorn/sanook-cli --skill scaffold-cross-platform-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: scaffold-cross-platform-app
Source: https://github.com/Sir-chawakorn/sanook-cli/tree/main/skills/scaffold-cross-platform-app
Command: npx skills add https://github.com/Sir-chawakorn/sanook-cli --skill scaffold-cross-platform-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the complexity of setting up a robust, scalable React Native or Flutter application by providing a standardized, feature-first architecture that handles navigation, state management, and platform-specific code from day one.

Core Features & Use Cases

  • Feature-First Architecture: Organizes code by domain rather than file type, ensuring projects remain maintainable as they grow.
  • Platform-Divergent Handling: Provides clear patterns for managing iOS and Android differences, including native bridges and platform-specific UI components.
  • Use Case: Use this skill when initiating a new mobile project to ensure you have a typed navigation stack, deep linking, and a clean state management setup using Zustand or Riverpod without the overhead of manual configuration.

Quick Start

Use the scaffold-cross-platform-app skill to initialize a new Expo Router project with a feature-first folder structure and typed navigation.

Frequently Asked Questions about scaffold-cross-platform-app

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

FAQPage Schema
How do I structure a React Native project with feature-first architecture?▼

Structure a React Native project using feature-first architecture by organizing code by domain rather than file type. This skill scaffolds production-grade mobile apps with typed navigation, deep linking, and integrated state management for maintainable cross-platform development.

How do I set up Flutter state management without manual configuration?▼

Set up Flutter state management without manual configuration by scaffolding an app with Riverpod or Zustand integrated natively. This skill generates a clean state management setup alongside a feature-first directory structure and typed navigation stack.

What's the best way to scaffold an Expo Router project with typed navigation?▼

The best way to scaffold an Expo Router project is initializing it with a feature-first folder structure and typed navigation. This skill rapidly sets up production-ready mobile apps with environment-specific build flavors and consistent design token consumption.

How do I handle platform-specific native bridges in cross-platform mobile apps?▼

Handle platform-specific native bridges in cross-platform mobile apps by applying clear patterns for managing iOS and Android differences. This scaffolding skill provides structured approaches for platform-divergent UI components and native bridges from day one.

Does this scaffolding tool support environment-specific build flavors for mobile apps?▼

Yes, this scaffolding tool supports environment-specific build flavors for mobile apps. It satisfies requirements for scalable architecture by generating React Native or Flutter projects with typed navigation, deep linking, and consistent design token consumption.

Can I use this scaffolding skill to restructure an existing mobile project?▼

Yes, you can use this scaffolding skill to restructure an existing mobile project during major restructuring. It applies feature-first architecture, typed navigation stacks, and platform-specific native bridges to cross-platform applications requiring scalable architecture.