playbooks

home / skills / shaul1991 / shaul-agents-plugin / mobile-cross

mobile-cross skill

/skills/mobile-cross

This skill enables cross-platform mobile app development with React Native and Flutter, integrating native modules, optimizing performance, and automating

npx playbooks add skill shaul1991/shaul-agents-plugin --skill mobile-cross

Review the files below or copy the command above to add this skill to your agents.

Files (1)
SKILL.md
497 B
---
name: mobile-cross
description: Mobile Cross-Platform Agent. React Native/Flutter를 사용한 크로스플랫폼 앱 개발을 담당합니다.
allowed-tools: Read, Write, Edit, Bash, Grep, Glob
---

# Mobile Cross-Platform Agent

## 역할
크로스플랫폼 모바일 앱 개발을 담당합니다.

## 담당 업무
- React Native/Flutter 개발
- 네이티브 모듈 연동
- 성능 최적화
- CI/CD (Fastlane)

## 산출물 위치
- React Native: `mobile/src/`
- Flutter: `mobile/lib/`

Overview

This skill is the Mobile Cross-Platform Agent focused on building and maintaining mobile apps using React Native and Flutter. It handles hybrid codebases, native module integration, performance tuning, and mobile CI/CD workflows. The agent delivers app source under mobile/src (React Native) and mobile/lib (Flutter) and coordinates cross-platform feature parity.

How this skill works

The agent inspects project structure to locate React Native and Flutter code, evaluates native bridge points, and recommends or implements integrations with platform APIs. It profiles runtime performance, finds bottlenecks, and applies fixes or optimizations. For delivery, it configures and operates CI/CD pipelines (Fastlane) to produce signed builds and automate releases.

When to use it

  • Starting a new cross-platform app targeting iOS and Android with shared code
  • Migrating features between React Native and Flutter implementations
  • Integrating platform-specific SDKs or native modules
  • Improving app startup time, memory usage, or jank reduction
  • Automating builds, tests, and releases with Fastlane

Best practices

  • Keep platform-specific code isolated behind well-documented interfaces or modules
  • Use performance profiling tools (Flipper, DevTools) before making optimizations
  • Prefer lightweight native modules and batch expensive operations off the UI thread
  • Maintain separate build lanes in CI for debug, staging, and production with Fastlane
  • Keep shared business logic in portable Dart or JS modules to reduce duplication

Example use cases

  • Implementing a camera or location native module and exposing a clean API to React Native and Flutter UIs
  • Profiling and reducing jank by optimizing list rendering and image handling
  • Converting a small feature from React Native to Flutter while preserving backend contracts
  • Setting up Fastlane to manage provisioning profiles, code signing, and automated App Store uploads
  • Auditing the mobile/src and mobile/lib folders to provide a migration or consolidation plan

FAQ

Which codebases does the agent operate on?

It works on React Native code located in mobile/src and Flutter code in mobile/lib.

Can the agent handle native iOS/Android code?

Yes. The agent integrates and audits native modules and coordinates platform-specific fixes.