Community编程与开发github.com

software-mansion/argent-react-native-optimization

通过先分析性能瓶颈,再系统性排查机械性问题,优化React Native应用。所有性能工作的入口点。用于应用响应缓慢、需要优化、修复过度渲染、减少卡顿或改善启动速度的场景。委托argent-react-native-profiler进行测量。

argent-react-native-optimization 是什么?

此技能是React Native性能优化的核心入口,遵循“先测量,再优化”的原则。它会首先委托 `argent-react-native-profiler` 对应用进行性能分析,定位真正的性能瓶颈(如过度渲染、长列表、动画卡顿等),而不是凭经验猜测。在获得明确的数据后,它会执行一系列已知的“机械性”修复步骤,例如优化 `FlatList` 的配置、减少不必要的状态更新、使用 `React.memo` 和 `useMemo` 等。该技能适用于任何React Native项目,特别是当应用感觉卡顿、启动缓慢或用户明确要求优化性能时。它通过自动化且系统化的流程,避免了开发者手动排查和修复的低效性,显著提升优化效率和准确性。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/software-mansion/argent/tree/main/skills/argent-react-native-optimization

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

argent-react-native-optimization 是做什么的?

通过先分析性能瓶颈,再系统性排查机械性问题,优化React Native应用。所有性能工作的入口点。用于应用响应缓慢、需要优化、修复过度渲染、减少卡顿或改善启动速度的场景。委托 argent-react-native-profiler 进行测量。

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

software-mansion/argent-android-emulator-setup

Set up and connect to an Android emulator using argent MCP tools. Use when starting a new session on Android, booting an emulator, getting a device serial, or before any UI interaction task.

software-mansion/argent-create-flow

Record a reusable flow (scripted sequence of MCP tool calls) that can be replayed later with a single command. Use when the user asks to create, record, or build a flow, or to script a sequence of device actions.

software-mansion/argent-device-interact

Interact with an iOS simulator, Android emulator, or Electron app using argent MCP tools. Use when tapping UI elements, performing gestures, scrolling/swiping, typing text, pressing hardware buttons, launching apps, opening URLs, taking screenshots, or checking visible app state after interactions.

software-mansion/argent-ios-simulator-setup

Set up and connect to an iOS simulator using argent MCP tools. Use when starting a new session, booting an iOS simulator, getting an iOS UDID, or before any iOS simulator interaction task.

software-mansion/argent-metro-debugger

Debug a JS runtime via CDP using argent debugger tools. Primary path is React Native via Metro (iOS / Android); a subset of the tools (debugger-connect, debugger-status, debugger-evaluate, debugger-log-registry) also drive a Chromium (CDP) app's renderer (an Electron app, or any Chromium browser exposing CDP) through the same surface. Use when connecting to the runtime, inspecting React components, reading console logs, or evaluating JavaScript.

software-mansion/argent-native-profiler

Native profiling for CPU hotspots, UI hangs, memory issues. iOS via xctrace; Android via Perfetto. Use when diagnosing native-level performance issues.

software-mansion/argent-react-native-app-workflow

Step-by-step workflows for developing or debugging React Native apps on iOS simulator or Android emulator. Use when starting the app, debugging Metro, fixing builds, diagnosing runtime errors, or running tests.

software-mansion/argent-react-native-profiler

Profile a React Native Hermes app to measure re-render and CPU performance using argent profiler tools. Use when optimizing for performance, measuring before/after a fix, spotting slow components, diagnosing re-renders, checking CPU hotspots, or producing a ranked issue report.

software-mansion/argent-test-ui-flow

Autonomously test an app UI (iOS or Android) by running interact-screenshot-verify loops using argent MCP tools. Use when testing UI flows, verifying login works, testing navigation, running end-to-end UI test scenarios, manual QA steps, visible UI changes, or visual behavior.

相关技能