Community코딩 & 개발github.com

software-mansion/argent-react-native-optimization

React Native 앱을 프로파일링하여 실제 병목 지점을 찾은 후, 기계적 문제를 정리하여 최적화합니다. 모든 성능 작업의 진입점입니다.

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

이 스킬은 React Native 앱의 성능 최적화를 위해 설계된 진입점 스킬입니다. 앱이 느리게 느껴지거나, 사용자가 최적화를 요청하거나, 리렌더링 문제를 해결하거나, 버벅임을 줄이거나, 시작 속도를 개선해야 할 때 사용합니다. 핵심 접근 방식은 먼저 argent-react-native-profiler 스킬을 사용하여 실제 병목 지점을 측정하고, 그 결과를 바탕으로 기계적 문제(불필요한 리렌더링, 비효율적인 계산 등)를 체계적으로 정리합니다. Cursor, Claude Code, Codex 등 주요 AI 에이전트 플랫폼과 호환되며, 프로파일링 결과를 자동으로 분석하고 권장 최적화를 제안합니다. 이 스킬은 단순한 추측이 아닌 데이터 기반 최적화를 보장하여 성능 개선의 효율성을 극대화합니다.

지원 대상~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에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

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.

관련 스킬