Community程式設計與開發github.com

software-mansion/argent-react-native-optimization

通過先剖析找出真正的效能瓶頸,再系統性掃描機械性問題,來優化 React Native 應用程式。所有效能工作的入口點。

argent-react-native-optimization 是什麼?

這是一個專為 React Native 應用程式設計的 AI 助手技能,旨在系統性地診斷和優化效能問題。它的核心理念是「先測量,再優化」——使用 `argent-react-native-profiler` 進行剖析,而非盲目猜測瓶頸。該技能首先識別實際的效能瓶頸,然後掃描常見的機械性問題,如不必要的重新渲染、JavaScript 執行緒阻塞或動畫卡頓。它適用於任何開發平台(如 Claude Code、Cursor 等),特別是在應用程式感覺卡頓、使用者要求優化、或需要改善啟動時間時使用。透過將剖析與優化職責分離,此技能確保開發者專注於有最大影響的領域,從而顯著減少卡頓並提升使用者體驗。

相容平台~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.

相關技能