mobile-architect
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.
Why use this skill?
Master React Native and Expo architecture. Get expert advice on the New Architecture, offline-first patterns, and JSI with this AI-powered mobile architect.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/anton-abyzov/sw-mobile-architectWhat This Skill Does
The mobile-architect skill transforms your AI agent into a senior-level React Native and Expo consultant. It provides high-level architectural guidance, ensuring your mobile projects adhere to modern standards. The skill is deeply specialized in the React Native New Architecture (Fabric, Turbo Modules, JSI) and utilizes Expo Router to build navigation-heavy, offline-first mobile applications. It bridges the gap between complex C++ layer interaction and high-level React components, allowing developers to build performant, native-feeling apps with ease. By integrating the mandatory real-time documentation retrieval step, this skill guarantees that all technical advice accounts for the latest breaking changes and deprecations in the rapidly evolving React Native and Expo ecosystems.
Installation
To integrate this agent skill into your workflow, execute the following command in your terminal:
clawhub install openclaw/skills/skills/anton-abyzov/sw-mobile-architect
Ensure your agent environment is configured with the necessary MCP plugin context providers mentioned in the documentation to enable the automated version-checking features.
Use Cases
- Architecting complex mobile state management systems using TanStack Query or SQLite for offline-first capabilities.
- Migrating legacy React Native projects to the New Architecture (Fabric/Turbo Modules).
- Configuring robust Expo Router layouts and file-based navigation schemes.
- Troubleshooting performance bottlenecks related to bridge communication or memory leaks in the JSI layer.
- Designing cross-platform design systems that maintain parity between iOS and Android while respecting platform-specific UI conventions.
Example Prompts
- "Analyze my current React Native project architecture and suggest an offline-first data synchronization strategy using WatermelonDB and Expo."
- "I am planning a migration to the New Architecture. Can you fetch the latest documentation for React Native and Expo, then provide a checklist of breaking changes I need to address for Fabric?"
- "Design a high-performance navigation architecture using Expo Router for an app that handles complex deep-linking and authenticated protected routes."
Tips & Limitations
Always ensure the agent has network access to fetch the latest documentation, as mobile framework APIs change every eight weeks. This skill is intended for architectural design and high-level strategy; while it can suggest code snippets, it is not a replacement for comprehensive unit testing. Use this skill to validate your component hierarchy, folder structure, and dependency management decisions. It works best when provided with context regarding your specific business requirements, such as target OS versions and existing CI/CD pipelines.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-anton-abyzov-sw-mobile-architect": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: network-access, code-execution
Related Skills
network-engineer
Cloud network architect for VPC design, service mesh, zero-trust networking, load balancers, and CDN optimization. Use for network troubleshooting or connectivity issues.
jira-multi-project-mapper
Expert in mapping SpecWeave specs to multiple JIRA projects with intelligent project detection and cross-project coordination. Use when syncing to multiple JIRA projects (project-per-team, component-based), or managing bidirectional sync across team boundaries.
helm-chart-scaffolding
Design, organize, and manage Helm charts for templating and packaging Kubernetes applications with reusable configurations. Use when creating Helm charts, packaging Kubernetes applications, or implementing templated deployments.
performance-optimization
React Native performance with Hermes V1, FlashList, expo-image v2, concurrent rendering. Use for slow app, memory leaks, or FPS issues.
release-strategy-advisor
Release strategy advisor - detects brownfield patterns (tags, CI/CD, changelogs), recommends versioning strategy based on architecture. Creates release-strategy.md.