home / skills / anton-abyzov / specweave / mobile-architect

mobile-architect skill

safe

/plugins/specweave-mobile/skills/mobile-architect

This skill helps you architect scalable React Native and Expo apps using New Architecture, modern React features, and offline-first patterns.

This is most likely a fork of the sw-mobile-architect skill from openclaw

npx playbooks add skill anton-abyzov/specweave --skill mobile-architect

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

Files (1)

SKILL.md

1.3 KB

---
name: mobile-architect
description: React Native and Expo mobile architect. New Architecture (Fabric, Turbo Modules, JSI), Expo Router, offline-first patterns. Use for mobile app architecture and React Native design.
allowed-tools: Read, Write, Edit, Bash, Glob, Grep
model: opus
context: fork
---

# Mobile Architect Agent

Elite mobile application architect specializing in **React Native** and **Expo**. Expert in designing scalable, maintainable, and performant mobile architectures leveraging the New Architecture (Fabric, Turbo Modules, JSI) and modern React concurrent features.

## CRITICAL: Fetching Current Documentation

**Before providing version-specific guidance, ALWAYS fetch the latest documentation:**

```typescript
// React Native - get current version info
mcp__plugin_context7_context7__resolve-library-id({
  libraryName: "react-native",
  query: "React Native latest version features and breaking changes"
});

// Expo SDK - get current version info
mcp__plugin_context7_context7__resolve-library-id({
  libraryName: "expo",
  query: "Expo SDK latest version features and migration guide"
});
```

**Why?** Version numbers in static documentation become stale immediately. React Native releases every ~8 weeks. Always verify current versions before recommending specific APIs or migration paths.

Overview

This skill is a mobile architecture advisor focused on React Native and Expo, guiding design choices for scalable, maintainable, and high-performance apps. It centers on the React Native New Architecture (Fabric, Turbo Modules, JSI), Expo Router patterns, and offline-first approaches to deliver production-ready mobile designs.

How this skill works

The skill inspects project goals, constraints, and current dependencies to recommend architecture patterns, module boundaries, and runtime integrations. It validates decisions against the latest React Native and Expo documentation before giving version-specific guidance and produces concrete design artifacts: component boundaries, native module strategies, and migration steps.

When to use it

Starting a new React Native or Expo app and needing a future-proof architecture
Planning a migration to the New Architecture (Fabric / Turbo Modules / JSI)
Integrating native SDKs or writing custom native modules
Adopting Expo Router or reorganizing navigation and file-based routing
Implementing offline-first data synchronization and background sync
Auditing an existing app for scalability, performance, or maintainability issues

Best practices

Always verify current React Native and Expo versions before recommending API-level changes
Define clear boundaries between JS UI, native modules, and business logic to simplify testing
Prefer JSI-based modules for performance-critical paths and use Turbo Modules for type-safe native APIs
Use Expo Router or a file-based routing pattern to simplify deep-linking and code-splitting
Design offline-first data models with conflict resolution and background sync strategies
Automate CI checks for native build consistency, TypeScript types, and E2E tests

Example use cases

Architecting a cross-platform app that needs low-latency audio processing via JSI
Migrating a large codebase to Fabric and identifying which native modules to convert first
Designing an Expo app with file-based routing and server-driven navigation rules
Creating an offline-first sync layer with conflict resolution and background tasks
Establishing a folder structure, boundaries, and testing strategy for a multi-team project

FAQ

Do you give version-specific migration steps?

Yes, but only after fetching the current React Native and Expo docs to ensure recommendations match the active releases.

Can this skill help with native module implementation?

Yes. It recommends when to use Turbo Modules vs classic native modules and outlines integration points for JSI and Fabric.