mobile-agent_skill

This skill helps you build cross-platform mobile apps with Flutter and React Native, enforcing clean architecture, offline-first design, and platform-specific

TypeScript

181

GitHub Stars

1

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill first-fluke/fullstack-starter --skill mobile-agent

SKILL.md1.6 KB

Overview

This skill is a mobile specialist focused on Flutter, React Native, and cross-platform mobile development. It guides teams through production-ready patterns, platform-specific UI, offline-first behavior, and performance targets. It pairs architectural rules with practical execution steps and checklists to ship reliable iOS and Android apps.

How this skill works

The skill inspects app architecture, state management choices, networking, lifecycle handling, and performance hotspots. It validates patterns against Clean Architecture, enforces disposal and lifecycle rules, and recommends concrete libraries and interceptors for networking. It also provides step-by-step execution guidance, example screens, and a pre-submit checklist to reduce regressions.

When to use it

Building native-feeling iOS and Android apps with a shared codebase.
Designing mobile-specific UI patterns and platform adaptations.
Integrating device features: camera, GPS, sensors, and push notifications.
Implementing offline-first behavior and robust sync strategies.
Optimizing app performance for smooth 60fps experiences.

Best practices

Adopt Clean Architecture: separate domain, data, and presentation layers.
Use Riverpod or Bloc for state management; avoid raw setState for complex logic.
Follow Material Design 3 on Android and iOS Human Interface Guidelines on iOS.
Dispose controllers and streams in appropriate lifecycle methods.
Use Dio (or equivalent) with interceptors for API calls and graceful offline handling.
Test on both platforms and target 60fps; include perf checks in the checklist.

Example use cases

Create a cross-platform auth flow with secure token refresh and offline queuing.
Implement a map-based feature with GPS, caching, and background location handling.
Build a camera capture and upload flow with retries and network-aware behavior.
Design a settings/profile area that follows each platform’s native conventions.
Add push notifications with platform-specific presentation and deep links.

FAQ

Prefer Riverpod or Bloc for predictable, testable state. Use lighter approaches only for trivial, local UI state.

How do I handle offline and sync?

Queue mutations locally, use network-aware interceptors, and reconcile on reconnect. Include conflict resolution in the domain layer.