A specialized set of static analysis rules and optimization guidelines designed specifically for React Native applications running on the OpenHarmony platform.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install ohos-react-native-performance
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install ohos-react-native-performance using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is OpenHarmony React Native Performance Optimizer?
This skill provides a comprehensive framework for maintaining high-performance React Native for OpenHarmony (RNOH) applications. By leveraging static-check rules derived from official performance documentation, it helps developers identify critical bottlenecks in rendering, bundle configuration, and native integration.
Integrating these Openclaw Skills into your development workflow ensures that your applications adhere to best practices for Hermes bytecode, RNAbility lifecycles, and TurboModule execution. It serves as a technical bridge between standard React Native development and the specific architectural requirements of the OpenHarmony ecosystem.
OpenHarmony React Native Performance Optimizer Use Cases
- Reviewing React Native for OpenHarmony (RNOH) application code for performance anti-patterns.
- Optimizing React page rendering and state management to prevent unnecessary re-renders.
- Configuring bundle-harmony builds and Hermes bytecode for production environments.
- Implementing efficient TurboModules that run heavy computations on worker threads.
- Monitoring application lifecycle events like onForeground and onBackground for better resource management.
How OpenHarmony React Native Performance Optimizer Works
- Analyze the React Native codebase and project configuration files against the defined performance rules.
- Identify specific performance issues using categorized prefixes such as rnoh-render-, rnoh-bundle-, and rnoh-turbo-.
- Provide actionable recommendations based on the priority levels ranging from medium to critical.
- Apply optimization techniques like merging setState calls, enabling Hermes bytecode, and using release build configurations.
- Verify the improvements using performance analysis tools like Trace and React Marker.
OpenHarmony React Native Performance Optimizer Setup
To integrate these performance checks into your environment, follow these steps:
# Clone the repository containing the performance rules
git clone https://gitcode.com/openharmony-sig/homecheck
# Navigate to the skill directory
cd homecheck/skills/ohos-react-native-performance
# Review the individual rule definitions in the rules folder
ls rules/
Ensure your project is configured for React Native for OpenHarmony (RNOH) before applying these Openclaw Skills.
OpenHarmony React Native Performance Optimizer Data Schema & Taxonomy
The skill organizes its technical requirements and rules into a structured hierarchy based on impact and functionality:
| Priority | Category | Prefix | Focus Area |
|---|---|---|---|
| 1 | Render optimization | rnoh-render- | setState, PureComponent, Batching |
| 2 | Bundle & native | rnoh-bundle- | Release flags, Hermes bytecode, Minification |
| 3 | Lifecycle & monitoring | rnoh-lifecycle- | RNAbility events, FCP reporting |
| 4 | TurboModule | rnoh-turbo- | Worker thread delegation, I/O offloading |
| 5 | List & key | rnoh-list- | Key stability, list virtualization |
OpenHarmony React Native Performance Optimizer Advanced Features
- Automated static analysis of JS/TS and configuration files for rapid feedback.
- Multi-thread optimization for heavy JSON, crypto, and network TurboModules using worker threads.
- Support for BiSheng compiler native build options for enhanced binary performance.
- Detailed first-frame monitoring (FCP) through mount event and root onLayout hooks.
- Seamless integration with concurrentRoot for React 18 automatic batching in Openclaw Skills enabled environments.
SKILL.md
Loading
Related Openclaw Skills
BatchJob Async Job Skill
A comprehensive tool for managing the end-to-end lifecycle of asynchronous batch jobs via HTTP APIs.
Marketing Calendar Generator
An AI-driven marketing strategist that automates the Hua Yu Hua methodology to generate high-scoring, culturally relevant campaign calendars.
Brand Proverb Generator (Hua Yu Hua Method)
An AI-driven copywriting engine that applies the professional Hua Yu Hua methodology to generate rhyming, colloquial brand proverbs and ranked slogans.
quiet-mail
A zero-friction email API providing unlimited sending capabilities and 1GB storage specifically for autonomous AI agents.
Content Moderation (Vettly API)
A professional-grade moderation tool that leverages AI to automatically filter and audit text, image, and video content via the Vettly API.
Shelter
Shelter is a read-only financial intelligence skill that enables AI agents to analyze bank data, calculate safe-to-spend limits, and provide personalized coaching.
Featured*
