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.