Communityコーディング&開発github.com

software-mansion/argent-react-native-profiler

React Native Hermes アプリの再レンダリングとCPUパフォーマンスをargentプロファイラーツールで計測します。パフォーマンス最適化、修正前後の比較、遅いコンポーネントの発見、再レンダリングの診断、CPUホットスポットの確認、またはランク付けされた問題レポートの作成に使用します。

argent-react-native-profiler とは?

このスキルは、React Native(Hermesエンジン)アプリケーションのパフォーマンスプロファイリングを支援します。argentプロファイラーツールを利用して、コンポーネントの再レンダリング回数やCPU使用率を詳細に計測し、パフォーマンスボトルネックを特定します。主なユースケースとして、最適化前後の効果測定、レンダリングが遅いコンポーネントの特定、不要な再レンダリングの診断、CPUホットスポットの分析、そして問題を重要度順にランク付けしたレポートの生成が含まれます。このスキルは、React Nativeアプリのパフォーマンス改善に取り組む開発者やAIエージェント(Claude Code、Cursorなど)向けに設計されており、プロファイリングデータを可視化し、具体的な改善点を示唆します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/software-mansion/argent/tree/main/skills/argent-react-native-profiler

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

argent-react-native-profiler は何をしますか?

React Native Hermes アプリの再レンダリングとCPUパフォーマンスをargentプロファイラーツールを使用して計測します。パフォーマンス最適化時、修正前後の測定、遅いコンポーネントの発見、再レンダリングの診断、CPUホットスポットの確認、またはランク付けされた問題レポートの生成に使用します。

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-optimization

Optimizes a React Native app by profiling first to find real bottlenecks, then sweeping for mechanical issues. Entry-point for all performance work. Use when the app feels slow, user asks to optimize, fix re-renders, reduce jank, or improve startup. Delegates to argent-react-native-profiler for measurement.

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.

関連スキル