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

software-mansion/argent-react-native-optimization

React Native アプリのパフォーマンス最適化を行うスキルです。プロファイリングで実際のボトルネックを特定し、機械的な問題を一掃します。パフォーマンス作業のエントリーポイントとして、アプリが遅い、最適化の依頼がある、再レンダリングを修正したい、カクつきを減らしたい、起動時間を改善したい場合に使用します。計測は argent-react-native-profiler に委譲します。

argent-react-native-optimization とは?

ソフトウェア・マンションが開発した Argent React Native Optimization は、React Native アプリのパフォーマンス改善に特化したエージェントスキルです。このスキルは、まずプロファイリングを実行して実際のボトルネックを特定し、その後に機械的な問題(不要な再レンダリング、非効率なデータ取得、レイアウトの不具合など)を体系的に修正します。アプリの動作が遅い、ユーザーから最適化を依頼された、再レンダリングを修正したい、カクつきを減らしたい、起動時間を改善したいといった場面で使用します。計測部分は argent-react-native-profiler に委譲しており、このスキルはパフォーマンス改善ワークフローのエントリーポイントとして機能します。対応プラットフォームは React Native(iOS / Android)で、Claude Code, Cursor, Codex などの Agent 環境で利用できます。

対応~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.

関連スキル