native-modules
React Native native modules with New Architecture, Turbo Modules, JSI, and Codegen. Use for bridging JS to Swift/Kotlin native code.
Why use this skill?
Master React Native New Architecture, Turbo Modules, JSI, and Codegen with this expert OpenClaw skill for seamless JS-to-native bridging.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/anton-abyzov/sw-native-modulesWhat This Skill Does
The native-modules skill provides an expert-level interface for developers working with the React Native New Architecture. It serves as a specialized assistant for integrating, debugging, and architecting Turbo Modules, JSI-based interfaces, and Fabric-compatible components. This skill understands the transition from the legacy bridge to modern, high-performance C++ and native (Swift/Kotlin) interfaces. Whether you are defining specs via Codegen, implementing synchronous cross-platform calls, or optimizing native layer communication, this skill provides the necessary code structures and architectural guidance.
Installation
To install this skill, use the command: clawhub install openclaw/skills/skills/anton-abyzov/sw-native-modules. Once installed, the skill integrates into your development workflow, allowing you to query for boilerplate code or architectural reviews of your native implementation.
Use Cases
This skill is ideal for:
- Turbo Module Migration: Converting legacy Native Modules to the New Architecture (Turbo Modules) with type-safe Codegen requirements.
- Performance Optimization: Implementing JSI-based C++ modules for compute-heavy tasks that require synchronous communication with the JavaScript thread.
- Native API Integration: Building bridge layers to expose hardware-level APIs (Bluetooth, NFC, Camera) that are not natively supported by the JS environment.
- Troubleshooting Autolinking: Resolving complex dependency issues between CocoaPods, Gradle, and React Native's autolinking system.
- Cross-Platform Synchronization: Ensuring consistency between Swift/Objective-C implementations on iOS and Kotlin/Java implementations on Android.
Example Prompts
- "Generate a Turbo Module spec file for a new Bluetooth scanner module and show me the boilerplate for the Kotlin implementation on Android."
- "I am seeing a build error related to Codegen in my RN 0.76 project; can you help me verify if my schema file is compliant with the latest New Architecture requirements?"
- "How do I pass a complex data object from JS to a Swift module using JSI without the performance overhead of JSON serialization?"
Tips & Limitations
To maximize the utility of this skill, always specify your React Native version, as the implementation details for the New Architecture vary significantly between versions 0.73 and 0.76+. Note that while this skill excels at code generation and architectural patterns, it cannot directly execute native builds on your local machine. Ensure your environment has the necessary SDKs (Xcode, Android Studio, NDK) installed independently. Always prioritize the official React Native documentation in tandem with the advice provided for highly specific platform quirks.
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-native-modules": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: 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.