Community코딩 & 개발github.com

software-mansion/argent-react-native-profiler

React Native Hermes 앱의 리렌더링 및 CPU 성능을 argent 프로파일러 도구로 측정합니다. 성능 최적화, 수정 전후 비교, 느린 컴포넌트 식별, 리렌더링 진단, CPU 핫스팟 확인, 또는 문제 순위 보고서 생성 시 사용하세요.

argent-react-native-profiler란 무엇인가요?

이 스킬은 React Native Hermes 앱의 성능을 프로파일링하기 위한 argent 프로파일러 도구를 제공합니다. 주로 리렌더링 횟수와 CPU 사용량을 측정하여 성능 병목 지점을 찾고, 수정 전후의 성능을 비교하거나 느린 컴포넌트를 식별하는 데 유용합니다. React Native와 Hermes 엔진을 사용하는 프로젝트에서 사용할 수 있으며, CLI 기반의 간단한 명령어로 프로파일링을 실행하고 결과를 분석할 수 있습니다. 이 스킬을 활용하면 성능 최적화 과정에서 발생하는 리렌더링 문제나 CPU 핫스팟을 체계적으로 진단하고, 문제의 심각도에 따라 정렬된 보고서를 생성할 수 있어 효율적인 디버깅이 가능합니다.

지원 대상~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 핫스팟 확인, 또는 문제 순위 보고서 생성 시 사용하세요.

사용 방법

  1. 설치

    npx argent init
    
  2. 프로파일링 실행

    npx argent profile
    
  3. 결과 분석

    • 리렌더링 횟수, CPU 사용량, 컴포넌트별 성능 데이터를 확인합니다.
    • 문제가 있는 컴포넌트는 순위가 매겨져 보고서로 출력됩니다.

지원 플랫폼

  • React Native (Hermes 엔진)
  • CLI 환경 (macOS, Linux, Windows)

주의 사항

  • 프로파일링 전 앱이 Hermes 엔진으로 빌드되었는지 확인하세요.
  • 결과는 개발 환경에서만 테스트하는 것이 좋습니다.
  • 프로파일링 중 앱 성능이 일시적으로 저하될 수 있습니다.

참고

자세한 내용은 공식 문서를 참조하세요.

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.

관련 스킬