argent 디버거 도구를 사용해 CDP를 통해 JS 런타임을 디버깅합니다. 주 경로는 Metro를 통한 React Native(iOS/Android)이며, 일부 도구(debugger-connect, debugger-status, debugger-evaluate, debugger-log-registry)는 Chromium(CDP) 앱의 렌더러(Electron 앱 또는 CDP를 노출하는 모든 Chromium 브라우저)에서도 동일한 인터페이스로 작동합니다. 런타임 연결, React 컴포넌트 검사, 콘솔 로그 읽기, JavaScript 평가 시 사용하세요.
이 기술은 argent 디버거 도구 모음을 통해 Chrome DevTools Protocol(CDP)을 사용하여 JavaScript 런타임을 디버깅하는 방법을 제공합니다. 주 사용 사례는 React Native Metro 번들러(iOS/Android)이지만, debugger-connect, debugger-status, debugger-evaluate, debugger-log-registry 같은 하위 도구는 Electron 앱이나 CDP를 노출하는 Chromium 기반 브라우저의 렌더러 프로세스에서도 작동합니다. 이 스킬은 런타임에 연결하여 React 컴포넌트 트리를 검사하고, console.log 출력을 읽으며, JavaScript 표현식을 실시간으로 평가해야 할 때 유용합니다. 사용자는 argent 디버거 설정 후 CDP 엔드포인트를 지정하여 연결하고, 표준 디버깅 워크플로(중단점 설정, 변수 검사, 스택 트레이스 탐색)를 수행할 수 있습니다. React Native 환경과 Chromium 기반 앱 모두에서 일관된 디버깅 경험을 제공하여 하이브리드 개발 워크플로우를 단순화합니다.
npx skills add https://github.com/software-mansion/argent/tree/main/skills/argent-metro-debuggerInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
argent 디버거 도구를 사용해 CDP를 통해 JS 런타임을 디버깅합니다. 주 경로는 Metro를 통한 React Native(iOS/Android)이며, 일부 도구(debugger-connect, debugger-status, debugger-evaluate, debugger-log-registry)는 Chromium(CDP) 앱의 렌더러(Electron 앱 또는 CDP를 노출하는 모든 Chromium 브라우저)에서도 동일한 인터페이스로 작동합니다. 런타임 연결, React 컴포넌트 검사, 콘솔 로그 읽기, JavaScript 평가 시 사용하세요.
This repo contains 9 individual skills — each has its own dedicated page.
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.
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.
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.
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.
Native profiling for CPU hotspots, UI hangs, memory issues. iOS via xctrace; Android via Perfetto. Use when diagnosing native-level performance issues.
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.
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.
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.
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.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.